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,是的,但这里不推荐这样做.)

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。