日期:2014-05-17  浏览次数:20691 次

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