我是否在 CSS 中正确编写了这些上下文选择器、分组和锚选择器？答案

【问题标题】：Am I writing these contextual selectors, grouping, and anchor selectors correctly in CSS?我是否在 CSS 中正确编写了这些上下文选择器、分组和锚选择器？
【发布时间】：2017-08-13 14:24:35
【问题描述】：

这就是我想要做的：

创建一个包含 nav、ul 和 li 选择器的上下文选择器并添加以下内容

一个。内联显示

b. margin top 和 bottom of 0 left and right of 40px
创建一个包含 nav、ul、li 和锚选择器的上下文选择器，与 nav、ul、li 和 span 选择器分组并添加以下内容

一个。文字装饰无

b.颜色#000
创建一个包含 nav、ul、li 和锚选择器的上下文选择器（锚选择器将有一个悬停伪类），与 nav、ul、li 和 span 选择器分组并添加以下内容强>

一个。文字装饰下划线

这是我到目前为止写的：

nav ul li {display: inline; margin-top: 0px; margin-bottom: 0px; margin-left: 40px; margin-right: 40px; }
nav, ul, li, span, {text-decoration: none; color: #000; } 
nav, ul, li, a: hover {text-decoration: underline; }

【问题讨论】：

没关系，我明白了，谢谢！
你得到答案了吗？
不管怎样，你的margin-*声明可以压缩成margin: 0 40px。 a: hover 也需要删除该空间。
你应该发布你的解决方案作为答案！
家庭作业来了！

标签： css css-selectors pseudo-class

【解决方案1】：

通常我倾向于避免直接回答练习题，而是提供提示，但由于您自己已经弄清楚了这一点，为了后代，我发布了完整的答案。

您对#1 的回答是正确的。正如 James Donnelly 指出的那样，您的四个边距声明可以压缩为 margin: 0px 40px，但同时拥有所有四个长记号并没有错误，只是冗长。

您在#2 和#3 中的选择器不正确。请记住，上下文选择器由连接每个选择器的后代组合器组成。根据您对#1 的回答，#2 中的两个上下文选择器应该是

nav ul li a, nav ul li span

#3 中的两个上下文选择器应该是

nav ul li a:hover, nav ul li span

注意每对只使用一个逗号。 #2 中选择器末尾的逗号也不属于 - 换句话说，不要在选择器末尾和声明块的 { 之间添加逗号。

还要注意: 和hover 之间的空格被删除了——那个空格不应该在那里。伪类名需要连接:。

您的样式声明是正确的。

【讨论】：