Html 发出「；a「；css中的div

我有一点问题，我的网站的标题使用了一个样式化的div，称为somyhttp://puu.sh/d9Ax5/2817017ea2.png 但是当我试图发布一个链接时，我看不到它，因为它已经为标题设置了样式。 这是我的密码：

HTML标题列表

a {
text-decoration: none;
color: #fff;
transition: all 0.2s ease-in;
}

CSS

        <div class="nav">
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/news">News</a></li>
                <li><a href="/content_packs.html">Content Packs</a></li>
                <li><a href="/about">About</a></li>
                <li><a href="/help">Help</a></li>
            </ul>
        </div>

使用.nav a，而不是直接将样式赋予a

.nav a {
   text-decoration: none;
   color: #fff;
   transition: all 0.2s ease-in;
}

---

这将帮助您仅将样式指定给nav类中的“a”，而不是代码中的任何其他“a”。

而不是

a{

使用

.nav a{

并且它会将样式限制为

nav

类的父类内部的

a

标记。另外，看看有没有其他a标记的方法？使用相应的类名或id（例如：.classname a{your style here；}或#id a{your style here；}）如果你想对每个标签应用不同的样式，请在a标签前面。我有点困惑，它会像.logo a{？如果你的代码是这样：

，那么你的css将是

。logo a{}

或者如果你的代码是：

，那么你的css将是

\logo a{}

，请查看并获取更多信息。