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

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

  •  0
  • user1589188  · 技术社区  · 4 年前

    我只想在上面有另一个带有“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 回复  |  直到 4 年前
        1
  •  2
  •   vanowm    4 年前
    .source-class ~ .target-class,
    .source-class ~ * > .target-class
    {
      /* your style here */
    }
    

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