CSS选择器，用于设置单词“的样式”；酒吧；

讲师在讲座中提出的问题：

哪个CSS选择器将只选择“bar”一词进行样式设置

<p class="a">foo, <span class="a">bar</span></p>

foo，bar

span.a

p.a

.a span

所有这些

答案是（4）

---

（1） 是明显的，因为只有

bar

（而不是

foo

）可以受

span

选择器的影响，而类

a

，但是（2）和（3）不太明显。有人会详细分析每种情况下发生的事情吗？

父母和孩子的关系。在所有这些过程中，您选择的是父对象，并导航到第一个子对象。如果你有一个列表，你将不得不通过第n个子选择器浏览选择器。

这一切都很简单，下面是CSS解释的英文演练：

2） 找到

（行），然后在

中使用
class=“a”
，因此这就是
条


3） 查找
class=“a”
，然后在其中找到
以上所有内容都是正确答案，因为：

span.a        /* Selects all span elements with class 'a' */
p .a          /* Selects all child elements of p that have class 'span' */
.a span       /* Selects all child span elements of elements with class 'a' */ 

让我为你详细说明每一点

span.a
-这将选择类为
a的文档中的所有
span
标记

p.a
-这将选择具有类
a

p.a
-这将选择嵌套在
p

.a span
-这将选择嵌套在类
a
下的所有
span
标记

解释你的情况

<p class="a">foo, <span class="a">bar</span></p>

foo，bar

a.span
在选择具有class
a

p.a
也会改变条形图的颜色，因为它嵌套在
p
标签中，标签的类别为
a
。因此，
span
标记将继承颜色。（另外，我想在此指出，此选择器也将更改
foo
的颜色）

p.a
也将选择该条，因为具有class
a
的
span
标记嵌套在
p

。span
也将对条形词应用颜色，因为
span
嵌套在具有class
a


所以从技术上来说，答案是所有这些都会改变你的酒吧颜色。a.a{}太：）请阅读，并鼓起勇气问你的讲师：我们很乐意提供帮助，但如果你的讲师介绍了语法，他应该解释一下。除非那是你的家庭作业。@David_Thomas这是一门关于edX的在线MOOC课程。我接受它是为了我自己的教育，而不是为了学分。我观看了讲师演讲的录音，因此无法提出任何问题。我真的不知道为什么这个问题被否决。各位，请不要否决这些问题，因为它们是基本问题。您不应该使用“”来代表班级“a”@bengoesboom I mentclass，在您实际评论之前键入
已修复；）不一定是第一个子级，而是：与选择器匹配的所有子级。