css文件中 . # 后面跟几个标签,什么时候标签之间用空格,什么时候用逗号?

html-css036

css文件中 . # 后面跟几个标签,什么时候标签之间用空格,什么时候用逗号?,第1张

这位网友你好,空格表示的是父子关系,例如.head-nav ul li a{ },这个指的是.head-nav里面的ul里面的li里面的a标签的样式。而用逗号隔开的是样式一样的标签写在了一起,不一定存在父子关系。例如#tb,th,tr,td指的是#tb和th和tr和td拥有相同的样式,所以写在了一起,当然也可以分开写。

如果两个class之间以空格分隔,则两个class之间是包含关系,或者说前一个class是后一个class的父元素或者祖先元素(也可以说后一个class是前一个class的子元素或后代元素),样式将作用在后一个class上。

如果两个class之间以逗号分割,则两个class之间是平等关系(跟它们的实际关系无关),样式将同时作用在两个class上

没有空格的话那是以什么分隔呢?逗号吗?

如果两个class之间以空格分隔,则两个class之间是包含关系,或者说前一个class是后一个class的父元素或者祖先元素(也可以说后一个class是前一个class的子元素或后代元素),样式将作用在后一个class上。

如果两个class之间以逗号分割,则两个class之间是平等关系(跟它们的实际关系无关),样式将同时作用在两个class上。