如何重写另一个样式表中指定的样式?
我不想使用!重要的标签来覆盖它们.我宁愿指定一个新的样式表,把样式放在那里.这可以通过更改样式表的加载顺序来实现吗?
解决方法
这取决于. CSS代表层叠样式表,并且具有应用样式的特定顺序,覆盖以前的样式.没有太多的细节:
>如果您的规则具有相同的特异性,则只需加载样式表,并且一切都将正常运行.
>如果您的规则具有较高的特异性,则顺序并不重要.
>如果您的规则具有较低的特异性,则需要修改它们才能匹配.
那么什么是特异性?基本上,它是规则中每个选择器的总和.所以这:
a { background-color: black; color: white; }
具有较少的特异性:
body a { color: orange; }
. ID选择器具有比类选择器更高的特异性,其具有与伪类选择器相同的特异性,其具有比标签选择器更高的特异性.因此,如果您的所有内容都包含在< div>具有内容的ID,您将能够覆盖如下所示的样式:
body a { border: 0; }
附:
#content a { border: 1px solid black; }