css – 覆盖样式没有!重要

前端之家收集整理的这篇文章主要介绍了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;
}

猜你在找的CSS相关文章