首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-03-03 
Css样式的整合(简化)?#aulli{list-style:none}#bulli{list-style:none}#culli{list-style:none}#aullit

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

热点排行