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

p.first{color:green;}与p .first{color:green;}为什么显示效果不同

前者p与.first间无空格，后者有空格。经过试验的确效果不同，请问这是为什么？

YAMAKAWACHINA

2014-12-28

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

关注问题我要回答

2265

操作

收起

5 回答

xiaogang
2014-12-28

因为它们是不同的选择器，无空格的表示：选择具有class为first的p标签，如匹配 <p class="first">abc</p>;

而有空格的表示：选择p标签的后代元素里面具有class为first的标签，如匹配<p><span class="first"></span></p>中的span标签。

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

#1

YAMAKAWACHINA 提问者

非常感谢！

2015-01-03 回复有任何疑惑可以回复我~

#2

p.firrst是一个标签，而class后为类选择器，这时first不是类选择器； p .first .first是p标签下的子集, 这是.first是类选择器. 是不是这个意思呢？这样理解对么。

2015-05-08 回复有任何疑惑可以回复我~

东方月初
2016-07-27

谢谢了，我也懂了

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

乐活小丁子
2016-07-07

谢谢你

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

Michael_O_O_
2015-01-07

也帮我解答了疑问，谢谢

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

Angel爱美丽
2014-12-30

上面回答很清楚！

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

举报

0/150

提交

取消

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

参与学习 1222571 人
解答问题 18209 个

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

本课相似问答

2 回答p.first{color:green;}为什么p和.first之间没有空格？

5 回答.first,span,p>span{color:green;}

3 回答.first,#second span{color:green;}和.first,span{color:green;}

9 回答p.first{color:green;} 此处的p是有什么用

4 回答p.first{color:green;} 第8行代码 p.first是指定p下的first吗？不包含span下的first？

搜索更多本课相关问答

p.first{color:green;}与p .first{color:green;}为什么显示效果不同

我要回答关注问题

意见反馈帮助中心 APP下载