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类，您可以将它放在列表项或菜单项上，以表明它是当前选中的项目

Answer 2

li.tab-current表示带有tab-current类的li元素。

所以基本上你的CSS规则将应用于所有li标签，类tab-current在nav元素内部，这些元素是带有类标签的元素