设置的样式显示不出来--样式冲突css选择器的权重

样式的冲突------ccs选择器权重

前端学习笔记----尚硅谷htmlcss教学视频

在四种选择器中，显示出来的是内联样式的属性

当同一元素被不同的选择器选中并为相同的样式属性进行设置时，会产生样式冲突。
当发生冲突时，应用哪一个样式是通过选择器的权重来决定的。

内联样式(1,0,0,0) > id选择器(0,1,0,0) > 类和伪类选择器(0,0,1,0) > 元素选择器(0,0,0,1)

还有两个优先级更低的选择器

• 通配选择器（0，0，0，0）

• 继承样式 (没有优先级)

p{   
      color:red;
}

<p>
       <div>helllo</div>
</p>

如果在没有设置div的样式的情况下，由于div标签在p标签的内部，所以div会继承p标签的样式。

选择器的叠加

此时作用在同一元素上 显示颜色为黄色

如果优先级相同，则优先使用靠下的样式

在某一个样式的设置时，加 :important; 会把优先级提到最高。