这是子选择器吗

Question

p>span{color:purple;}这是子选择器吗，为什么可以是p标签，而且p前面又不加小数点，怎么回事？教程里的p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/

Answer 1

不加点的是标签元素，比喻 div input span li ul 等等，这样写会对页面所有的该标签都起作用。

加点的是类选择器  比喻.warning  必须在标签上写class="warning",这个样式才会生效。

标签选择器的权值是1，类选择器的权值是10 ，所以你上面的那些计算就能对应上了。

p>span{color:purple;}这是子选择器 这个就是设置p标签里面的第一层span标签的字符颜色。