css元素选择器的权重值 |css3画简笔画

以下是CSS选择器优先级顺序：
成分
样式类型
样式类
ID
内联样式

如果不清楚每个部分所代表的权重值，那么就会很容易出现样式覆盖不生效的问题。

首先，最基本的 CSS 选择器是标签选择器，它的权重值为1。

div {
color:red;
}

其次是类选择器，它的权重值为10。

.example {
color:blue;
}

再次是 ID 选择器，它的权重值为100。

#example {
color:green;
}

内联样式的权重值最高，为1000。

Hello World!

在 CSS 样式中，选择器的组合也是可以的，大家可以使用多个 CSS 选择器来定位到同一个元素，这时它们的权重值就会累加。

.example div {
color:yellow;
}

综上所述，当出现样式冲突时，大家需要比较不同选择器的权重值，权重值大的样式会覆盖权重值小的样式。

因此，权重值是衡量样式优先级的一个指标，大家需要借助权重值来更好地控制样式冲突问题，以保证样式的正确应用。