仅当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>
答案 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;
}
注意:更改标记时,您可能需要重新设置布局。