.first p{color:red;}无效吗？-慕课网

首页课程实战体系课手记专栏慕课教程

.first p{color:red;}无效吗？

来源：8-7 这么快就当爷爷了? - 后代选择器

shuluoyu

2015-11-15 12:31

为什么以下包含选择器无法显示为整个p都为红色字体？

<style type="text/css">
.first p{color:red;}
</style>
</head>
<body>
<p class="first">三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

写回答关注

4回答

木子水吉

2015-11-15 13:50:19

或者直接.first{
color:red;
}

0 0
木子水吉

2015-11-15 13:47:44

p.first{
color:red;
}

0 0
echo_kinchao

2015-11-15 13:41:48

你个结构写错了按照您的样式意思是 first 类下的p标签

0 0
Perona

2015-11-15 12:44:49

HTML里没有匹配.first p{}的结构。
.first p{}即选取first类下的p元素。

5 0

Perona 回复shuluo...

.first p{}只选取first类下的p元素，这里并没有选取span。就好比说一个父亲（first类）只给儿子（p元素）买了篮球（红框），但是并没有女儿（span元素)买。

2015-11-15 19:35:13

共 5 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225308 学习 · 18230 问题

相似问题

.first span{color:red;}和.first>span{color:red;}

回答 2

p .first span可以吗？

回答 1

p first和p>first的区别

回答 4

h1,span{color:red;} .first,#second>span{color:green}

回答 5

p .first{color:black;}

回答 3

打开慕课网App查看更多内容