代码之家 › 专栏 › 技术社区 › user1589188

选择上面有特定类的CSS嵌套类

css-selectors css

0

user1589188 · 技术社区 · 5 年前

我只想在上面有另一个带有“source class”的标记时,对带有“target class”的标记应用一些样式。所以它可以是在同一水平上,这可以很容易地通过 .source-class ~ .target-class

<div class="source-class">class to look for</div>
<div class="parent-class">
    <div class="target-class">class to apply</div>
</div>

但不需要检查另一个标记的内部,例如:

<div>
    <div class="source-class"></div>
</div>
<div class="parent-class">
    <div class="target-class">nothing to apply</div>
</div>

你将如何编写这样的CSS选择器?谢谢您!

1 回复 | 直到 5 年前

1

2

vanowm 5 年前

.source-class ~ .target-class,
.source-class ~ * > .target-class
{
  /* your style here */
}

如果您想要无限的子级,只需删除 >