如果元素存在则应用样式

Question

我需要使用CSS将样式应用于类文章仅当 .container 中包含主题类时

<div class="container">
    <div class="subject">
       ...
    </div>
    <div class="article">
       ...
    </div>    
</div>

我试图使用兄弟选择器，但它似乎不起作用。我错过了什么？

.container + .subject .article { ... }

Answer 1

adjacent sibling combinator适用于兄弟元素。您的选择器无法正常工作，因为.container和.subject 不是兄弟，.subject是.container的孩子。

.container .subject + .article

元素.subject和.article是兄弟姐妹，因此应该有效。

Example Here

Answer 2

您可以使用sibling选择器：

.container .subject + .article { // Your CSS rules

您现在获取.container的规则，检查兄弟.subject，然后抓住孩子.article，这样的顺序错误。