                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

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

shuluoyu

2015-11-15

源自：初识HTML(5)+CSS(3)-升级版 8-7

关注问题我要回答

1253

操作

收起

4 回答

木子水吉
2015-11-15

或者直接.first{

color:red;

}

0 回复有任何疑惑可以回复我~

收起回答

木子水吉
2015-11-15

p.first{

color:red;

}

0 回复有任何疑惑可以回复我~

收起回答

echo_kinchao
2015-11-15

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

0 回复有任何疑惑可以回复我~

收起回答

Perona
2015-11-15

HTML里没有匹配.first p{}的结构。

.first p{}即选取first类下的p元素。

0 回复有任何疑惑可以回复我~

收起回答

shuluoyu 提问者

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

2015-11-15 回复有任何疑惑可以回复我~

shuluoyu 提问者

p和span是同级吗？为什么这样不会把胆小如鼠单独标红框？ <style type="text/css"> .first p{border:1px solid red;} <body class="first"> <p >三年级时，我还是一个<span>胆小如鼠</span></p>

2015-11-15 回复有任何疑惑可以回复我~

Perona 回复 shuluoyu 提问者

第一个回复是正确的。第二个回复，p和span是父子关系。如果要把胆小如鼠标红框应该是.first span{border:1px solid red;}

2015-11-15 回复有任何疑惑可以回复我~

查看2条回复

0/150

提交

取消

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

参与学习 1226075 人
解答问题 18236 个

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

进入课程

本课相似问答

2 回答.first span{color:red;}和.first>span{color:red;}

1 回答p .first span可以吗？

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

4 回答p first和p>first的区别

3 回答p .first{color:black;}

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

4 回答

本课相似问答

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