CSS权值比较(读书笔记)

寻技术 Html/CSS 2023年07月11日 57

1.继承0.1    标签1    类选择符10    ID选择符100

2.层叠:后面的样式会覆盖前面的样式。

3.内联样式表(标签内部) > 嵌入样式表(当前文件中) > 外部样式(外部文件)

4.!important具有最高权值,p{color:red  !important;}

5.!important > 用户自己设置的样式 > 网页制作者样式 > 浏览器默认样式

6.class选择器和属性选择器同优先级。

7.像这种.dog > p多了特殊符号的,还是和 .dog p优先级一样。

8.如:<div id="parent" class="parent">
  <p class="p">p</p>
</div>

优先级为: .p > div p > p > #parent > .parent

子级p和父级#parent, 子级的选择器优先级比父级的选择器优先级高,或者说继承的优先级程度比自身的优先级低!但是只要能定位到p元素,那么父级选择器的权重就起作用了。

9.css样式优先级还和继承有关,继承的优先级不如本身应用的优先级高。

关闭

用微信“扫一扫”