Html .tab当前CSS定义_Html_Css - Fatal编程技术网

Html .tab当前CSS定义

html css

Html .tab当前CSS定义,html,css,Html,Css,我对CSS还很陌生。这里似乎有大量的属性和值，这有点让人难以承受。我目前正试图模仿我在网上找到的样式表。我目前被困在这一部分 .tabs nav li.tab-current { ... ... ... } 我知道.tabs是类，.tabs nav是我在html页面中使用的tabs类所在的导航。这同样适用于li。我不确定当前的.tab是什么意思以及它是如何使用的。我不确定在哪里可以找到关于这个主题的注释/文档。li.tab-current表示类tab为current的li元素

我对CSS还很陌生。这里似乎有大量的属性和值，这有点让人难以承受。我目前正试图模仿我在网上找到的样式表。我目前被困在这一部分

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

我知道

.tabs

是类，

.tabs nav

是我在html页面中使用的tabs类所在的导航。这同样适用于

li

。我不确定当前的

.tab

是什么意思以及它是如何使用的。我不确定在哪里可以找到关于这个主题的注释/文档。

li.tab-current表示类tab为current的li元素

因此，基本上您的CSS规则将应用于所有li标记，其中当前类别选项卡位于nav元素内部，而nav元素位于当前类别选项卡的元素内部。当前类别选项卡表示当前类别选项卡的li元素

因此，基本上您的CSS规则将应用于所有li标记，其中当前类选项卡位于nav元素内部，而nav元素位于具有类选项卡的元素内部。结构如下所示

<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

类的行为非常类似于一个

活动的

类，您可以将它放在列表项或菜单项上，以显示它是当前选定的项。

该结构类似于此

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



嘿
你好