使用类将样式应用于除第一类元素之外的所有元素

Question

我有以下HTML结构：

<div class="tabs">
    <access type="full">
        <span class="tab">TabOne</span>
    <access>
    <access type="full">
        <span class="tab">TabTwo</span>
    <access>
    <access type="full">
        <span class="tab">TabThree</span>
    <access>
    <access type="full">
        <span class="tab">TabFour</span>
    <access>
</div>

我希望将margin: 0 0 0 20px;规则应用于除tab之外的所有规则。.tab + .tab。我一直在搞乱不同的事情：

.tabs .tab:not(:first)

.tabs:not(:first)

int size = 50; MergeSort mergeSort = new MergeSort(size); mergeSort.sort();

但是没有任何工作可做。关于如何实现这一目标的任何想法？

Answer 1

首先，您的HTML结构看起来有点奇怪，根据我的理解，您必须关闭<access></access>标记。

所以，看起来应该是这样的：

<access type="full">
    <span class="tab">TabOne</span>
</access>

等等。

然后你就可以应用这样的CSS：

.tab {
  display: block;
  margin: 0 0 0 20px;
}

access:first-child .tab {
 margin: 0;
}

另外，我想表示默认情况下span是inline HTML元素，您将无法对其应用margin。要使其有效，您应该使用display: block覆盖默认行为，使其成为block元素。