仅用于“之间”类实例的CSS类

Question

我们说我有这样的HTML。

<ul>blah</ul>
<li class="classOne">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classOne">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classOne">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
</ul>

我希望在classOne的每个实例周围都有一个边框，但是classTwo的实例不应该有它们的边框。

如果我在classTwo的实例上使border-bottom不可见，那么我在classTwo的实例之后有效地删除了下一个classOne实例的顶部边框。

是否有CSS方式说＆＃34;如果下一个元素具有相同的类＆＃34，则仅删除此元素的下边框;？

Answer 1

如果在.classOne元素周围声明边框，它们不会受到有关.classTwo的任何声明的影响

＆＃13;

＆＃13;

.classOne {
  border:1px solid black}
.classTwo {
  /* This is not neccessary but explicit */
  border:none;
  }

＆＃13;

＆＃13;

＆＃13;