当 div 没有使用 css 的某些类时，如何在 div 中添加元素的样式？ [复制]

Posted 2023-03-06

【中文标题】当 div 没有使用 css 的某些类时，如何在 div 中添加元素的样式？ [复制]

【英文标题】：How to add style the elements in a div when the div doesnt have some class using css? [duplicate]

【发布时间】：2020-05-06 12:47:31

【问题描述】：

当 div 不属于某个类时，我想为 div 元素添加一些样式

我想做什么？ 我有一个“卡片”类的 div。我在 div 中还有其他元素，例如页脚、标签和 h4。 现在我想在光标悬停时将 a、h4 标签设置为蓝色。

所以我像下面那样做，

.card a h4:hover 
    color: blue;

但是当 div 只有卡片类时，我想将这种样式添加到那些 a 和 h4 元素中。当 div 具有“card”和“disabled”类时，我不会为 a、h4 元素着色为蓝色。 我该怎么做。

下面是html代码，

<div class="card">
    <div class="footer">
        <div class="info">
            <a href="somelink">
                <h4>text</h4>
            </a>
        </div>   
    </div>
</div>

有人可以帮我解决这个问题吗？谢谢。

【参考方案1】：

希望您正在寻找这样的解决方案。在card 类下悬停时将样式添加到h4 标记，并且不为具有card 和disabled 类的div 添加任何特定样式

.card a h4:hover 
    color: orange;

.card.disabled a h4:hover 
    color: inherit;

<div class="card">
  <div class="footer">
      <div class="info">
          <a href="">
              <h4>Card</h4>
          </a>
      </div>   
  </div>
</div>

<div class="card disabled">
  <div class="footer">
      <div class="info">
          <a href="">
              <h4>Card Disabled</h4>
          </a>
      </div>   
  </div>
</div>

【参考方案2】：

您可以使用:not 选择器：

.card:not(.disabled) a h4  ...