如何使用CSS选择器在某些元素之后查找元素

Question

我有这个html代码

.......
<div class="list-rows> </div>
<div class="list-rows> </div>

<div class="cat-row"><span>Topics</span></div>
<div class="list-rows> </div>
<div class="list-rows> </div>
<div class="list-rows> </div>

现在，我想查找所有类为list-rows的div，但是该元素之后是 <div class="cat-row"><span>Topics</span></div>

div.cat-row +list-rows不起作用

Answer 1

将评论与之前的两个答案结合起来

• 大多数class=属性缺少其右引号。
• CSS list-rows之前没有.表示它是一个类。
• CSS中的+（年轻的兄弟姐妹）应该是波浪号~（所有年轻的兄弟姐妹）。

Answer 2

使用~：

.cat-row ~ .list-rows {
    ...
}

请参见https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_combinator

Answer 3

您需要在html中的类名上加上双引号，并且应该使用div.cat-row+.list-rows之类的选择器。