如果容器类a的div内的跨度(此div必须与容器b处于同一父容器中),我想用要设置样式的元素样式化跨度。为了简单起见,在下面的示例中,第一个跨度的类元素将被设置样式,例如应使用背景色红色设置样式。解决此问题的方法仅应使用CSS。
<div class="parent-container">
<div class="container-a">
<span class="error"></span>
</div>
<div class="container-b">
<span class="element-to-be-styled"></span>
</div>
</div>
<div class="parent-container">
<div class="container-a">
<span></span>
</div>
<div class="container-b">
<span class="element-to-be-styled"></span>
</div>
</div>
我尝试过
div.parent-container .container-a > span.error + div.parent-container .container-b span.element-to-be-styled {
background-color: red;
}
但是它不起作用。只能在CSS中使用解决方案吗?
谢谢。