Css 颜色转换不起作用

我有这段代码：（全屏查看）

正文{字体系列：无衬线}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景：黑色；
}
a{
文字装饰：无；
颜色：白色；
字号：18px；
}
李{
填充：10px 18px；
浮动：左；
过渡：颜色0.2s，背景0.2s；
}
李：悬停{
颜色：黑色；
背景：白色；
}

您需要将颜色更改为

li:hover>a

body{font-family:sans-serif}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景：黑色；
}
a{
文字装饰：无；
颜色：白色；
字号：18px；
}
李{
填充：10px 18px；
浮动：左；
过渡：颜色0.2s，背景0.2s；
}
李：悬停{
背景：白色；
}
李：停一停{
颜色：黑色；
}

您需要将颜色更改为

li:hover>a

body{font-family:sans-serif}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景：黑色；
}
a{
文字装饰：无；
颜色：白色；
字号：18px；
}
李{
填充：10px 18px；
浮动：左；
过渡：颜色0.2s，背景0.2s；
}
李：悬停{
背景：白色；
}
李：停一停{
颜色：黑色；
}

因为a有

颜色：白色

。因此，您可以悬停赋予颜色，或使

继承
并赋予li颜色



正文{字体系列：无衬线}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景：黑色；
}
a{
文字装饰：无；
颜色：继承；
字号：18px；
}
李{
填充：10px 18px；
浮动：左；
颜色：#fff；
过渡：颜色0.2s，背景0.2s；
}
李：悬停{
颜色：黑色；
背景：白色；
}







因为a有
颜色：白色
。因此，您可以悬停赋予颜色，或使
继承
并赋予li颜色



正文{字体系列：无衬线}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景：黑色；
}
a{
文字装饰：无；
颜色：继承；
字号：18px；
}
李{
填充：10px 18px；
浮动：左；
颜色：#fff；
过渡：颜色0.2s，背景0.2s；
}
李：悬停{
颜色：黑色；
背景：白色；
}







您正在为li标记提供一种样式，该样式会更改背景颜色，但不会更改文本颜色。将选择器标记为喜欢此->li a:hover{color:#000；background:#fff；}

希望这能解决你的问题

我的建议是用十六进制代码给出颜色名称，这是给颜色赋予风格的最佳实践
 您正在为li标记提供一种样式，该样式会更改背景颜色，但不会更改文本颜色。将选择器标记为喜欢此->li a:hover{color:#000；background:#fff；}

希望这能解决你的问题

我的建议是用十六进制代码给出颜色名称，这是给颜色赋予风格的最佳实践
 您最初是将颜色分配给
a
选择器，而不是
li
。这样一个简单的切换应该可以工作（我包括了您的整个代码片段和我的更改，以便您可以看到预览）：



正文{字体系列：无衬线}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景：黑色；
}
a{
文字装饰：无；
颜色：白色；
字号：18px；
}
李{
填充：10px 18px；
浮动：左；
过渡：颜色0.2s，背景0.2s；
}
/*这是更改的部分*/
李：悬停{
背景：白色；
}
李：停一停{
颜色：黑色；
}







您最初是将颜色分配给
a
选择器，而不是
li
。这样一个简单的切换应该可以工作（我包括了您的整个代码片段和我的更改，以便您可以看到预览）：



正文{字体系列：无衬线}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景：黑色；
}
a{
文字装饰：无；
颜色：白色；
字号：18px；
}
李{
填充：10px 18px；
浮动：左；
过渡：颜色0.2s，背景0.2s；
}
/*这是更改的部分*/
李：悬停{
背景：白色；
}
李：停一停{
颜色：黑色；
}







Use
li:hover a{color:black；}
Use
li:hover a{color:black；}
li:hover a{color:black；}你能解释一下li:hover a的用途吗？我只是不理解这是选择了
中的所有
。Thanks@AzDeveloper对因此，当鼠标悬停时，
li:hover
正在选择
li
。当鼠标悬停时，
li:hover a
选择该
li
中的所有
a
标记。您能解释一下
li:hover a
的用途吗？我只是不理解这是选择了
中的所有
。Thanks@AzDeveloper对因此，当鼠标悬停时，
li:hover
正在选择
li
。当鼠标悬停时，
li:hover a
选择该
li
中的所有
a
标记。