问答详情
源自：9-3 权值计算-特殊性

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

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

提问者：坚持MyDream 2016-09-30 00:22

个回答

  • 慕粉4080340
    2016-09-30 00:48:03
    已采纳

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

    0
  • 栀子_
    2016-10-03 10:25:03

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

    3
  • weibo_二月拾伍_03889771
    2016-09-30 00:51:10

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

    0
  • weibo_二月拾伍_03889771
    2016-09-30 00:48:13

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

    0
  • DJMing
    2016-09-30 00:47:34

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

    0