Question

    <header>
    <nav>
        <ul>
            <li> <a href="#">Home</a>
            </li>
            <li> <a href="#">Articles</a>
            </li>
            <li> <a href="#">Contact</a>
            </li>
        </ul>
    </nav>
    </header>

CSS没有“.”

header {}

nav {}

我可以看到，有<header></header>和<nav></nav>

让我们说如果我的网站有2 nav部分如何实现两个不同的CSS？

事先，谢谢。

Answer 1

为每个nav提供一个特定的类或ID

喜欢

<nav id="first_nav"></nav>

CSS

#first_nav{

 }

Answer 2

它们是html5元素。

HTML5是定义HTML的标准的最新发展。该术语代表两个不同的概念：

这是HTML语言的新版本，包含新元素，属性和行为，       以及更多的技术，允许更多样化和功能强大的网站和应用程序。这个集合有时被称为HTML5＆amp;朋友，经常缩短为HTML5。

see more info here

好像你有多个像nav这样的元素，那么你可以使用它的父元素和nav本身来使选择器更具体：

header nav{}
footer nav{}

这是什么（HTML）

2 个答案: