html - .tab-current CSS 定义

Question

我是 CSS 的新手。似乎有很多属性和值，有点让人不知所措。我目前正在尝试模拟我在网上找到的样式表。我目前卡在这部分

.tabs nav li.tab-current {
   ...
   ...
   ...
}

我知道 .tabs 是类，.tabs nav 是我在 html 页面中使用的选项卡类所在的导航。 li 也是如此。我不确定 .tab-current 的含义以及它的使用方式。我不确定在哪里可以找到有关此主题的注释/文档。

Answer 1

结构看起来像这样

<div class="tabs">
    <nav>
        <ul>
            <li class="tab-current">Hey</li>
            <li>hello</li>
        </ul>
    </nav>
</div>

我只是在其中添加了 ul 标签，因为大多数 li 标签都在其中。

无论如何，选择器的 li.tag-current 部分意味着它将选择 Hey 并为其设置样式。

从它的外观来看，tab-current 类的行为很像一个 active 类，您将其放在列表项或菜单项上以表明它是当前选择的元素。