css – 覆盖样式没有！重要

如何重写另一个样式表中指定的样式？

我不想使用！重要的标签来覆盖它们.我宁愿指定一个新的样式表,把样式放在那里.这可以通过更改样式表的加载顺序来实现吗？

解决方法

这取决于. CSS代表层叠样式表,并且具有应用样式的特定顺序,覆盖以前的样式.没有太多的细节：

>如果您的规则具有相同的特异性,则只需加载样式表,并且一切都将正常运行.
>如果您的规则具有较高的特异性,则顺序并不重要.
>如果您的规则具有较低的特异性,则需要修改它们才能匹配.

那么什么是特异性？基本上,它是规则中每个选择器的总和.所以这：

a {
    background-color: black;
    color: white;
}

具有较少的特异性：

body a {
    color: orange;
}

. ID选择器具有比类选择器更高的特异性,其具有与伪类选择器相同的特异性,其具有比标签选择器更高的特异性.因此,如果您的所有内容都包含在< div>具有内容的ID,您将能够覆盖如下所示的样式：

body a {
    border: 0;
}

附：

#content a {
    border: 1px solid black;
}