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

选择器中间加空格和逗号的区别？

p span{

p,span{

两个有什么区别？

飙风小生

2015-05-01

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

关注问题我要回答

5639

操作

收起

3 回答

Perona
2015-05-01

p span{}选择了P元素下的所有span元素。这是后代选择器，空格是后代选择器的标识符。

p,span{}选择了P元素和span元素。这是多元素选择器，同时选择多个元素，元素之间用逗号分隔。

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

收起回答

飙风小生提问者

解释的非常清楚明了，谢谢！那么新问题又出现了： p.span{}又有什么不同？

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

飙风小生提问者

非常感谢！

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

Perona
2015-05-01

p .span{}即选择元素p下的包含span类的后代选择器。.代表类选择器。

举个栗子：

我是p元素的后代

p.span{}表示选择包含span类的p元素。

举个栗子：我是包含span类的段落

上面格式都乱了，以这个为准。

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

收起回答

飙风小生提问者

再请教一个： .aaa img.bbb{} 表示什么意思？

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

Perona 回复飙风小生提问者

.aaa img.bbb{}选择aaa类下的包含bbb类的img元素。如： <div class="aaa"> <img class="bbb" src="url"/> </div>

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

飙风小生提问者
2015-05-01

p.span{}

p .span{}

这两个的区别？

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

收起回答

Perona

p .span{}即选择元素p下的包含span类的后代选择器。.代表类选择器。举个栗子： 我是p元素的后代p.span{}表示选择包含span类的p元素。举个栗子：我是包含span类的段落

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

0/150

提交

取消

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

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

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

进入课程

本课相似问答

3 回答css样式逗号和空格的区别

3 回答类选择器和ID选择器的区别

7 回答类选择器和ID选择器的区别

2 回答类选择器和选择器有什么区别？

2 回答类和ID选择器的区别

搜索更多本课相关问答

选择器中间加空格和逗号的区别？

我要回答关注问题

热搜

最近搜索清空

选择器中间加空格和逗号的区别？

3 回答

本课相似问答

选择器中间加空格和逗号的区别？