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
分开,因为这两个没有空格分隔的字符都意味着选择具有classseccion
的ul
,同样,您必须将类.seccion
和:link
分开,因为否则它将被视为是锚定的相同元素,并且具有类seccion
代码:
a.seccion:link{
颜色:白色;
}
身体{
背景颜色:蓝色;
}
联邦秘书长{
背景色:白色;
}
a:链接{
颜色:rgba(0,153,255,1);
}
a:参观了{
颜色:#007ACC;
}
a:悬停{
颜色:#4DB8FF;
}
omargonzalesdiaz.com
一些解释:
将尝试选择具有类li.seccion:link
且为锚定seccion
元素的li元素。显然,此选择器将不匹配任何内容,因为不能同时使用a
(注意,空格)选择未访问的锚点li.seccion:link
用类seccion>标记
元素的后代li
ul .seccion :link {
background-color: white;
}