怎么用css群组选择符

html-css015

怎么用css群组选择符,第1张

如下:

h1,h2,h6,p,span

{

font-size:12px

color:#FF0000

font-family: arial

}

当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。如:

p, td, li {

line-height:20px

color:#c00

}

#main p, #sider span {

color:#000

line-height:26px

}

.#main p span {

color:#f60

}

.text1 h1,#sider h3,.art_title h2 {

font-weight:100

}

使用群组选择器,将会大大的简化CSS代码,将具有多个相同属性的元素,合并群组进行选择,定义同样的CSS属性,这大大的提高了编码效率,同时也减少了CSS文件的体积。

可以的,在选择器方面,less和css的用法是一样的,组选择器,

后代选择器

,伪

类选择器

等等这些都是可以的。只是在某一些特殊情况,css能做的less就做不好而已,所以如果是

小项

目的话,还是用css好,不用经过less预处理了;大型项目用less就是不错的选择,便于维护。