为什么p span{color:red;}前不加点？

Question

不该是.p span{color:red;}吗？给p后面的所有子元素内容变成红色吗？

Answer 1

.p span{color:red} 的意思是class为"p"的子元素标签为<span>的所有元素字体颜色变红；

<div class="p">
    <span>11111</span>
</div>

p span{color:red}的意思是所有标签为<p>元素的子元素标签为<span>的所有元素字体颜色变红；

<p>
    <span>22222</span>
</p>