css 选择器优先 |extjs 动态css样式

标签选择器
{
color: blue;
}

标签选择器是CSS最基础的选择器。通过标签选择器，大家可以直接设置标签的样式。但是，在一份HTML文档中，往往会包含多个相同的标签。这时，大家就需要更加精确的选择器。

类选择器
.important
{
color: red;
}

类选择器是CSS中比较常用的选择器。通过类选择器，大家可以为多个标签设置相同的样式，而不需要一个一个地设置。如果多个类选择器的权重相同，则后面出现的类选择器优先级更高。

ID选择器
#header
{
color: green;
}

ID选择器是CSS中最具有优先级的选择器。每个元素都只能有一个ID，在整个页面中始终唯一。如果一个页面中有两个相同的ID，则验证器会给出错误提示。ID选择器的优先级比类选择器优先级更高，比标签选择器优先级更高。

当存在相同选择器的规则时，选择器的优先级由下面的规则决定：

• ID选择器的优先级最高
• 如果存在多个类选择器，后面的类选择器优先级更高
• 标签选择器的优先级最低

当然，这只是一个大体的规则，实际运用中可能会复杂一些。但是，只要理解了CSS选择器的执行顺序，大家就能很好地处理样式的优先级问题。