全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  千锋问问

css样式优先级是怎样划分的

问题描述:css样式优先级是怎样划分的

推荐答案 本回答由问问达人推荐

  CSS样式的优先级是通过计算选择器的权重(Specificity)来确定的,权重越高的样式将优先生效。CSS选择器的权重由以下三个部分组成:

css样式优先级是怎样划分的

  ID选择器的权重为100。

  类选择器、属性选择器、伪类选择器的权重为10。

  标签选择器、伪元素选择器的权重为1。

  当多个选择器对同一个元素应用了不同的样式时,选择器的权重越高,样式就越具有优先级。如果多个选择器的权重相同,则后面的样式会覆盖前面的样式。

  例如:

5

  对于一个拥有ID为“myDiv”且class为“myClass”的div元素,它将应用红色文本颜色,因为ID选择器的权重为100,而类选择器和标签选择器的权重之和为11,因此ID选择器的优先级更高。

  需要注意的是,内联样式(style属性)具有最高的优先级,它将覆盖所有其他样式。但最好不要滥用内联样式,因为它会使HTML代码变得混乱且难以维护。

查看其它两个剩余回答
在线咨询 免费试学 教程领取