读书人

Css样式的整合(简化)?该如何解决

发布时间: 2012-03-03 15:33:03 作者: rapoo

Css样式的整合(简化)?
#a ul li{list-style:none;}
#b ul li{list-style:none;}
#c ul li{list-style:none;}

#a ul li tt input{border:1px solid darkslateblue;}
#b ul li tt input{border:1px solid darkslateblue;}
#c ul li tt input{border:1px solid darkslateblue;}

#a ul li textarea{height:100px;width:433px;}
#b ul li textarea{height:100px;width:433px;}
#c ul li textarea{height:100px;width:433px;}

======================================================
总觉得那里有些冗余,不知道怎么简化,有个类似的组选择,可那是标签选择器,而不是id

eg.
h1{color:red;}
h2{color:red;}
h3{color:red;}

简化为: h1,h2,h3{color:red;}



[解决办法]
#a ul li{list-style:none;}
#b ul li{list-style:none;}
#c ul li{list-style:none;}
================================
#a,ul,li{list-style:none;}

把具有相同属性的这样合起来写
不同属性的再另写

当然你的属性足够复杂,分类需要足够多才这样做
就像有的程序完全不用OO

读书人网 >CSS

热点推荐