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

Html CSS:选择具有特定类的li元素,html,css,Html,Css,在教程中,我看到: 合并类选择器 A.className 因此: ul.important将选择具有class=“important” ====== 我试过: ul.seccion:link { color: white; } 以及: 将主导航中链接的初始颜色设置为白色。但是没有成功。我做错了什么 这是我的密码: a.seccion:link{ 颜色:白色; } a:链接{ 颜色:rgba(0,153,255,1); } a:参观了{ 颜色:#007ACC; } a:悬停{ 颜色:

在教程中,我看到:

合并类选择器

A.className
因此:

ul.important
将选择具有
class=“important”

======

我试过:

ul.seccion:link {
    color: white;
}
以及:

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

这是我的密码:

a.seccion:link{
颜色:白色;
}
a:链接{
颜色:rgba(0,153,255,1);
}
a:参观了{
颜色:#007ACC;
}
a:悬停{
颜色:#4DB8FF;
}

omargonzalesdiaz.com

类位于li上,而不是锚定标记上。试试这个:

    li.seccion a:link{   }
定义和用法 :链接选择器用于选择未访问的链接

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

是上述信息的来源

您只需分离您的选择器,如以下代码:

ul .seccion :link {
    background-color: white;
}
首先,您必须将
.seccion
ul
分开,因为这两个没有空格分隔的字符都意味着选择具有class
seccion
ul
,同样,您必须将类
.seccion
:link
分开,因为否则它将被视为是锚定的相同元素,并且具有类
seccion

代码:

a.seccion:link{
颜色:白色;
}
身体{
背景颜色:蓝色;
}
联邦秘书长{
背景色:白色;
}
a:链接{
颜色:rgba(0,153,255,1);
}
a:参观了{
颜色:#007ACC;
}
a:悬停{
颜色:#4DB8FF;
}

omargonzalesdiaz.com
一些解释:

  • li.seccion:link
    将尝试选择具有类
    seccion
    为锚定
    a
    元素的li元素。显然,此选择器将不匹配任何内容,因为不能同时使用

  • li.seccion:link
    (注意,空格)选择未访问的锚点
    用类
    seccion>标记
    li
    元素的后代


有效。但是为什么李:链接不正确?您可以给出更深入的解释吗?.seccion类附加到li元素,而不是锚元素。这就是为什么你需要李·塞西翁。链接是一个锚元素属性。由于列表元素没有href-link属性,li:link没有任何意义。如果你在锚点中放置了一个类,比如说myAnchor,那么a.myAnchor:link就可以了。这里有一个CSS速成课程:li.seccion说“查找带有class.seccion的任何li元素”。li.seccion a所做的是“查找具有seccion类的li元素内部的任何a元素。li.seccion a:link所做的是”查找具有seccion类的li元素内部的任何a元素,并以这种方式设置链接样式。。。。“你的例子不起作用。它应该是il而不是ul,因为类在il而不是ul元素中。代码没有反映您的建议。这里没有分隔。你可以看到这里的空格“ul.seccion:link”我的意思是分隔。你的案例有很多解决方案,我认为我的答案提供了最接近你在问题中要求的解决方案,但我不知道你为什么不喜欢它。
ul .seccion :link {
    background-color: white;
}