在这里进入一些非常粗糙的 CSS。在下面的场景中,我只想匹配#4。这就是我正在做的事情:
<ul class="tabMenu">
<li class="hidden">1</li>
<li class="active">2</li>
<li class="hidden">3</li>
<li>4</li> <!-- I want this one's blood -->
<li class="hidden">5</li>
<li class="hidden">6</li>
<li>7</li>
<li class="hidden">8</li>
<li>9</li>
</ul>
这是我的尝试,但都失败了:
/* Only matches the next immediate li (so it works if #3 is not hidden) */
.tabMenu li:not(.hidden).active + li:not(.hidden) a {
color: red;
}
/* Matches #4 and #7, I just want #4 */
.tabMenu li:not(.hidden).active ~ li:not(.hidden) a {
color: red;
}
30 分钟后,我决定把我的问题带给你。请帮忙!