仅当另一个元素具有类时才显示div

时间:2015-09-03 09:42:03

标签: html css

仅当toggle_embed元素具有a类时,我才想显示has-embed类。有什么办法可以用CSS解决这个问题吗?

<div class="comment HAS_EMBEDDED">
    <div class="toggle_embed">Embedded content</div>
    <a class="has-embed">@name</a>
    <a>Text</a>
</div>

1 个答案:

答案 0 :(得分:1)

NO。 css中没有先前的选择器。所以,你不能只用css做这个,你可以使用jQuery。

但是如果你想使用纯css解决方案那么如何更改下面的标记呢?

<div class="comment HAS_EMBEDDED">
    <a class="has-embed">@name</a>
    <div class="toggle_embed">Embedded content</div>
    <a>Text</a>
</div>

然后你可以使用这样的css:

.toggle_embed{
   display: none;
}
.has-embed + .toggle_embed{
    display: block;
}

注意:更改标记时,您可能需要重新设置布局。