如果父母的兄弟姐妹的子女指定了类,则CSS设置元素的样式

时间:2018-10-19 06:54:10

标签: html css css3

如果容器类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中使用解决方案吗?

谢谢。

0 个答案:

没有答案