html - 基于条件的 CSS 选择器

Question

我正在尝试让 CSS 选择器根据以下条件检查和应用 CSS:如果 sectionContent-noToolbar 可用，则应用 height:2em 部分分隔符。是否可以使用某些选择器来实现？我一直在寻找答案已经有一段时间了，但没有任何运气。有什么建议吗？

<section class="sec" name="Information">
    <div class="sectionContent-noToolbar"></div>
</section>
<div class="sectionSeparator"></div>

Answer 1

不，不是。

如果他们是 sibling ，那么你可以使用相邻的 sibling 组合器:

.sectionContent-noToolbar + .sectionSeperator {
    height: 2em;
}

... 但是 CSS 没有任何东西可以让您根据元素的兄弟后代修改元素。