Html 何时应用这些CSS属性：ul#nav li.current a，ul#nav li:hover a？

对于何时在ul#nav li:hover a和第一个ul#nav li.current a之间实现属性，我有点困惑。那里应该有逗号吗

ul#nav li.current a, ul#nav li:hover a {
     background: #CCC;

   }

---

您显示的CSS选择器执行以下操作： 当

a

位于当前悬停的

中或
中时，将
a
的背景色设置为

我不认为上面的代码是一个合适的HTML结构，但它可以在某些（或所有）浏览器中运行。无论哪种方式，逗号都只允许您拥有多个选择器，这些选择器将分配相同的属性。删除逗号使其成为一个与我给出的上一个示例相匹配的选择器。
您展示的CSS选择器执行以下操作：
当
a
位于当前悬停的
中或
中时，将
a
的背景色设置为

我不认为上面的代码是一个合适的HTML结构，但它可以在某些（或所有）浏览器中运行。无论哪种方式，逗号都只允许您拥有多个选择器，这些选择器将分配相同的属性。删除逗号使其成为一个与我给出的上一个示例相匹配的选择器。
您展示的CSS选择器执行以下操作：
当
a
位于当前悬停的
中或
中时，将
a
的背景色设置为

我不认为上面的代码是一个合适的HTML结构，但它可以在某些（或所有）浏览器中运行。无论哪种方式，逗号都只允许您拥有多个选择器，这些选择器将分配相同的属性。删除逗号使其成为一个与我给出的上一个示例相匹配的选择器。
您展示的CSS选择器执行以下操作：
当
a
位于当前悬停的
中或
中时，将
a
的背景色设置为

我不认为上面的代码是一个合适的HTML结构，但它可以在某些（或所有）浏览器中运行。无论哪种方式，逗号都只允许您拥有多个选择器，这些选择器将分配相同的属性。删除逗号使其成为一个选择器，与我给出的最后一个示例相匹配。
是！如果希望当前li元素（已激活）与悬停时的其他元素具有相同的颜色


ul#nav li.当前a，ul#nav li:悬停a{
背景：#CCC；
}

主页
工作
接触
信息
是！如果希望当前li元素（已激活）与悬停时的其他元素具有相同的颜色


ul#nav li.当前a，ul#nav li:悬停a{
背景：#CCC；
}

主页
工作
接触
信息
是！如果希望当前li元素（已激活）与悬停时的其他元素具有相同的颜色


ul#nav li.当前a，ul#nav li:悬停a{
背景：#CCC；
}

主页
工作
接触
信息
是！如果希望当前li元素（已激活）与悬停时的其他元素具有相同的颜色


ul#nav li.当前a，ul#nav li:悬停a{
背景：#CCC；
}

主页
工作
接触
信息
它是有效的HTML5，这意味着浏览器行为是一致的。它是有效的HTML5，这意味着浏览器行为是一致的。它是有效的HTML5，这意味着浏览器行为是一致的。它是有效的HTML5，这意味着浏览器行为是一致的。
<ul id="nav">
    <li class="current">
        <a href="#">This link will have it's background color set</a>
    </li>
    <li>
        <a href="#">This link will have it's background color set when hovered over the parent &lt;li&gt;</a>
    </li>
</ul>

<ul id="nav">
    <li class="current">
        <a href="#">
            <ul id="nav">
                <li>
                    <a href="#">This link will have it's background color set when hovered over the parent &lt;li&gt;</a> 
                </li>
            </ul>
        </a>
    </li>
</ul>