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

为什么课程里这个选择器的写法是这样p span.warning{} 而不是

而不是这样的： p span .warning{} 。我感觉span和 .warning之间缺少了一个空格，这句话意思是想表达：p元素内的所有span子元素里的.warning类都采用{}里的样式（对吧？）

坚持MyDream

2016-09-30

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

关注问题我要回答

1763

操作

收起

5 回答

慕粉4080340 回答被采纳 +3 积分
2016-09-30

我们自己敲代码的时候也会出现这种小失误的，明白这个例子想表达的意思就行。

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

栀子_
2016-10-03

查了好多地方，终于搞清楚了。 p span.warning{} 指的是p元素下面所有带warning类的span子元素，权值为1+1+10=12； p span .warning{} 指的是p元素的span子元素下面的所有带warning类的子元素,按照教程里面的权值计算方法，权值也应该是1+1+10=12。一个指的是第一代子元素，一个指的是第二代子元素，两种写法都合法。

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

#1

坚持MyDream 提问者

我了一下，的确像你说的这样，真的谢谢你了，做了这么多查阅

2016-10-12 回复有任何疑惑可以回复我~

#2

栀子_ 回复坚持MyDream 提问者

不客气，一起进步，加油。

2016-10-16 回复有任何疑惑可以回复我~

#3

坚持MyDream 提问者回复栀子_

嗯，一起加油

2016-10-17 回复有任何疑惑可以回复我~

weibo_二月拾伍_03889771
2016-09-30

.warning可以理解为*.warning，这样你应该就明白了

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

#1

坚持MyDream 提问者

你这个我第一次看过，什么意思？选择器 *{} 可以让所有元素都采用它的样式。 *.warning{}（没有空格的能用吗？？）是想表达所有的warning类都采用它的样式吧

2016-09-30 回复有任何疑惑可以回复我~

#2

weibo_二月拾伍_03889771 回复坚持MyDream 提问者

自己动手试，光靠想和问是解决不了问题的，html学了30多小时连这都搞不定吗

2016-09-30 回复有任何疑惑可以回复我~

#3

坚持MyDream 提问者回复 weibo_二月拾伍_03889771

选择器 *.warning{}可以使用。不过p span.warning 则是错误。有点奇怪，通用选择符*特殊，可以不加空格...

2016-09-30 回复有任何疑惑可以回复我~

weibo_二月拾伍_03889771
2016-09-30

语句的意思如你所说，但是空格在CSS里是子标签选择符，是有特殊含义的，而不是分隔符，点号是类选择符，空格加点语法不通过的，所以是没有空格的，这是我的理解

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

#1

坚持MyDream 提问者

空格加点是可行的，你试试，

2016-09-30 回复有任何疑惑可以回复我~

DJMing
2016-09-30

为啥要加空格啊加了点就表示waning是span的类

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

#1

坚持MyDream 提问者

我试过了，我觉得是课程里的书写出错了，如果像课程一样码成 p span.warning{} ，这个选择器将不起作用。所以必须有空格p span .warning{}

2016-09-30 回复有任何疑惑可以回复我~

#2

栀子_ 回复坚持MyDream 提问者

为什么我是加了空格反而不可行呢，去掉空格反而有效果了，不懂，求教

2016-10-03 回复有任何疑惑可以回复我~

#3

坚持MyDream 提问者回复栀子_

加了空格就是表示p元素的子元素的span元素里的 warning类标签里的内容采用选择器的样式这应该是没问题的，你估计有什么地方写错了？

2016-10-12 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225792 人
解答问题 18234 个

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

本课相似问答

2 回答p span.warning{color:purple;}是双层的包含选择器？

2 回答为什么这里需要用ID选择器而不能是类选择器？

4 回答为什么在6-1里面是用p作为选择器，而这里又换成了body

1 回答这个列表为什么是这样的(兄弟选择器)

5 回答这个是什么选择器

搜索更多本课相关问答

为什么课程里这个选择器的写法是这样p span.warning{} 而不是

我要回答关注问题

意见反馈帮助中心 APP下载