主页 / 问题 / 1589828
Accepted
Dmitrii
Asked:2024-08-07 18:30:13 +0800 CST2024-08-07 18:30:13 +0800 CST

将样式应用于父块

  • 772

在CSS中，如何指示样式需要应用于父块？

html

2 个回答

  1. Best Answer

    CSS 中的:has()伪类允许您控制子元素。

    ❗在某些浏览器中对 :has() 的支持可能受到限制。

    在此输入图像描述

    建议使用前检查当前支持和浏览器兼容性

    .card {
  padding: 20px;
  margin: 10px;
  border: 1px solid #ccc;
  background-color: white;
  transition: background-color 0.3s;
}


/* Изменение фона, если у card есть элемент с классом highlight */

.card:has(.highlight) {
  background-color: green;
}
    <div class="card">
  <div class="content">
    <p>Это обычное содержимое</p>
  </div>
</div>

<div class="card">
  <div class="content highlight">
    <p>Это содержимое родителя :has</p>
  </div>
</div>

    • 3

  2. 您可以将一个类分配给父元素并在 css 文件中访问它

    • 1

相关问题