Question

在教程中我看到：

组合班级选择器

ul.important

所以：

<ul>将选择class="important"

的所有

ul.seccion:link {
    color: white;
}

元素

==

我试过了：

a.seccion:link {
    color: white;
}

和

a.seccion:link {
    color: white;
}
    
a:link {
    color: rgba(0, 153, 255, 1);
}


a:visited {
    color: #007ACC;
}


a:hover {
    color: #4DB8FF;
}

将主导航中链接的初始颜色设置为白色。但没有成功。我做错了什么？

这是我的代码：

<body>
    <header>
        <img src="yo.png">
        <h1 class="oo">omargonzalesdiaz.com</h1>
        <nav>
            <ul id="menusuperior">
                <li class="seccion"><a href="/">Inicio</a></li>
                <li class="seccion"><a href="/events">Blog</a></li>
                <li class="seccion"><a href="/events">Dashboards</a></li>
                <li class="seccion"><a href="/events">Contáctame</a></li>
            </ul>
        </nav>
    </header>
</body>

{{1}}

Answer 1

该类位于li而非锚标签上。试试这个：

    li.seccion a:link{   }

Answer 2

定义和用法   ：链接选择器用于选择未访问的链接。

注意：：链接选择器不会设置您已访问过的链接的样式。

Here 是上述信息的来源。

您只需将selctors分开，如下面的代码：

ul .seccion :link {
    background-color: white;
}

首先，您必须将.secccion和ul分开，因为两者都没有空格分隔意味着选择具有类ul的{{1}}，您必须将类别分开seccion和.seccion，因为否则它将被视为与锚点相同的元素并具有类:link。

<强>代码：

＆＃13;

seccion

＆＃13;

a.seccion:link {
    color: white;
}
body{
    background-color:blue;
}

ul .seccion a {
    background-color: white;
}

a:link {
    color: rgba(0, 153, 255, 1);
}


a:visited {
    color: #007ACC;
}


a:hover {
    color: #4DB8FF;
}

＆＃13;

Answer 3

一些解释：

li.seccion:link将尝试选择具有类seccion 和的LI元素是锚a元素。显然，此选择器不会匹配任何内容，因为<li>不能同时<a>。
li.seccion :link（注意，空格）选择<a>元素的li元素的未访问锚点seccion标签。

CSS：选择具有特定类的li元素

3 个答案: