![css文件中 . # 后面跟几个标签,什么时候标签之间用空格,什么时候用逗号?,第1张 css文件中 . # 后面跟几个标签,什么时候标签之间用空格,什么时候用逗号?,第1张](/aiimages/css%E6%96%87%E4%BB%B6%E4%B8%AD+.+%23+%E5%90%8E%E9%9D%A2%E8%B7%9F%E5%87%A0%E4%B8%AA%E6%A0%87%E7%AD%BE%EF%BC%8C%E4%BB%80%E4%B9%88%E6%97%B6%E5%80%99%E6%A0%87%E7%AD%BE%E4%B9%8B%E9%97%B4%E7%94%A8%E7%A9%BA%E6%A0%BC%EF%BC%8C%E4%BB%80%E4%B9%88%E6%97%B6%E5%80%99%E7%94%A8%E9%80%97%E5%8F%B7%EF%BC%9F.png)
这位网友你好,空格表示的是父子关系,例如.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上。