p span {color:red;}
p,span {color:red;}
p span {color:red;}:包含选择器。是p标签下面的后辈标签span的颜色设置为红色。
p,span {color:red;}:分组选择器。是整个文档里面的p标签和span标签颜色设置为红色
p span {color:red;}:包含选择器。是p标签下面的所有后代span标签的颜色设置为红色。如:<p class="first">三年级时,我还是一个<span>胆小如鼠</span><span>aaa</span> </p> 这里的胆小如鼠和aaa都会变成红色
p,span {color:red;}:分组选择器。是整个文档里面的p标签和span标签颜色设置为红色.
如:<p class="first">三年级时,我还是一个</p><span>胆小如鼠</span> 此时“三年级时,我还是一个”和 “胆小如鼠”都是红色
</p>包含的的span
p span表示<p> </p>包含的的span的颜色都设置为红色。p,span表示所有的p和span都设置为红色,类似与一个列表。
一般标签都有语义,p标签是指一个段落,而且默认是一个块级元素,span是一个行内元素的代表,没有什么意思,一般可以放文字等行内元素,例如
<p>这是一段简介内容这是一段 <span class="red">简介</span> 内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容</p>
以上是一段简介的段落,需要将“简介”两个字红色显示。当然这只是举的一个容易理解的例子而已。
span标签可以放在p标签里,p标签不应该放在span标签里