时间戳

首页 > 解决方案 > 如何防止css继承？

html - 如何防止css继承？

问题描述

如何防止 css 在任何子 div 中继承（在我的示例中使用文本 B）

.parent > div {
    color: red;
}
   <div class="parent">
        <div>A
            <div>B</div>
        </div>
        <div>A
            <div>B</div>
        </div>
        <div>A
            <div>B</div>
        </div>
    </div>

标签： htmlcss

解决方案

只需您可以做到这一点。

.parent div {
  color: initial;
}

.parent>div {
  color: red;
}
<div class="parent">
  <div>A
    <div>B</div>
  </div>
  <div>A
    <div>B</div>
  </div>
  <div>A
    <div>B</div>
  </div>
</div>

推荐阅读