我们先来看这2段代码:

看似就差一个逗号,但是完全是不一样的。初学者很容易将2者弄混。在这里强调一下;
第一段代码,也称内联选择器(使用空格隔开),如果要使这段样式生效,那么你必须把所写标签这样排列
p{div{h1{em , 也就是说,p必须包含div,div必须包含h1,h1必须包含em。这样才可以使样式生效。

第二段代码,也称关联选择器(使用逗号隔开),也就是说,所写的每个标签都可以使用后面所写的样式。这些标签是可以分开来写的。

Share