CSS不会覆盖继承的值

前端之家收集整理的这篇文章主要介绍了CSS不会覆盖继承的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个包含以下内容Html
(div A中的多个div).

我的CSS看起来像那样:

.a div {
    border: solid;
    border-width: thin;
}

.b {
    border: none;
    border-width: 0px;
    border-collapse: collapse;
}

由于某种原因,b的值不会覆盖a.
但是,如果我只是写一个而不是“.div”,我将无法获得其他div内部的行为.

我让这个工作的唯一方法是使用“重要!” (即“border:none!important”;)但这似乎不够优雅.

我会喜欢任何关于那里发生的事情的想法.

埃胡德.

最佳答案
.a div具有比.b更高的特异性.
如果你希望.b的css覆盖.a,那么仍然给它一个更高的特异性,例如.a div.b.

(或者你可以使用!important,是的,但这里不推荐这样做.)

原文链接:https://www.f2er.com/html/425817.html

猜你在找的HTML相关文章