CSS三种基本选择器修饰同一个HTML标签时的优先级问题

当三种选择器同时修饰一个HTML标签时，不遵循就近原则，而是固定的顺序：

id选择器>class选择器>标签选择器

证明过程如下：

1.在只有标签选择器时运行结果为：

代码：

结果：

2.当class选择器和标签选择器同时存在时运行结果：

#####       代码：

结果：

3.当三种选择器同时存在时

  #####      代码：

结果：

以上就是全部过程了，向前一小步，文明一大步！ 哈哈哈哈！