Question

抱歉，我不太清楚如何表达这个问题所以也许这个例子更好。

我想定位以下标记类

<div class="wrapper">
   <div class="message bot"></div> <-- HERE
   <div class="message bot"></div>
   <div class="message human"></div> <-- HERE
   <div class="message bot"></div> <-- HERE
   <div class="message bot"></div>
   <div class="message human"></div><-- HERE
   <div class="message human"></div>
   <div class="message human"></div>
   <div class="message human"></div>
   <div class="message bot"></div> <-- HERE
   <div class="message bot"></div>
   <div class="message bot"></div>
</div>

或者，如果你能提出一个更好的问题标题，那也很棒！

在回复this question的重复标记时，我会说它是不同的，因为每个项目之间存在随机数量的可能'bot'div或'human'div。

Answer 1

你可以做这样的事情，但这种方法可能存在局限性（继承样式）：

.bot {
  color: red;
}

.human {
  color: green;
}

.human + .human,
.bot + .bot {
  color: inherit; /* reset necessary style back */
}

<div class="wrapper">
   <div class="message bot">bot</div> <!-- HERE -->
   <div class="message bot">bot</div>
   <div class="message human">human</div> <!-- HERE -->
   <div class="message bot">bot</div> <!-- HERE -->
   <div class="message bot">bot</div>
   <div class="message human">human</div> <!-- HERE -->
   <div class="message human">human</div>
   <div class="message human">human</div>
   <div class="message human">human</div>
   <div class="message bot">bot</div> <!-- HERE -->
   <div class="message bot">bot</div>
   <div class="message bot">bot</div>
</div>

如何在一行类

1 个答案: