[分享]css内联选择优先级

CSS内联选择优先级是指同一个元素的多个CSS样式中，哪一个优先级最高。优先级的规则如下：1. 选择器中用了important，这个优先级最高。 2. 内联样式（style””）优先级为1000。 3...

CSS内联选择优先级是指同一个元素的多个CSS样式中，哪一个优先级最高。

优先级的规则如下：

1. 选择器中用了!important，这个优先级最高。
2. 内联样式（style=””）优先级为1000。
3. id选择器，优先级为100。
4. class选择器、属性选择器、伪类选择器，优先级为10。
5. 元素选择器，优先级为1。
6. 没有声明优先级的样式一定会被其他样式所覆盖。 

相同的选择器，后面的样式会覆盖前面的样式。

如果有多个选择器都适用于同一个元素，优先级最高的样式将会被采用。

例如：

<div class="example" id="example">Hello World</div>

/* 内联样式优先级最高 */
<div class="example" id="example" style="color: red;">Hello World</div>

/* id选择器优先级比class选择器高 */
#example {
  color: blue;
}

/* 元素选择器优先级最低 */
div {
  color: green;
}

/* 最终的样式为红色 */ 

在编写CSS样式时，应该优先使用class选择器和id选择器，尽量避免使用内联样式，以便更好地维护代码。