小编cod*_*nge的帖子

简化CSS

我有一些CSS属性应用于很多ID.我需要简化我的代码,因为有大约20个ID!这是我的CSS:

 #a1_build ul,#a2_build ul,#a1_build li,#a2_build li,
 #a1_apply ul,#a2_apply ul,#a1_apply li,#a2_apply li,
 #a1_learn ul,#a2_learn ul,#a1_learn li,#a2_learn li
 {
    margin:0;
    padding:0;
    list-style:none;
    }
#a1_build ,#a2_build,
#a1_apply ,#a2_apply,
#a1_learn ,#a2_learn
       {
         margin-top:1em;
       }

#a1_build li,#a2_build li,#a1_apply li,#a2_apply li,
#a1_learn li,#a2_learn li
 { 
    width:696px;
    height:500px;
    overflow:hidden; 
    }
Run Code Online (Sandbox Code Playgroud)

现在,id将是a1_build,a2_build .... a10_build,a1_apply,a2_apply ...... a10_apply和a1_learn,a2_learn ..... a10_learn.我希望能够将它概括为'a'+ n +'_ build','a'+ n +'_ apply'和'a'+ n +'_ learn'并使n从1-10开始,这将使它成为一个整体更轻松!我怎样才能做到这一点?

css css-selectors

0
推荐指数
1
解决办法
328
查看次数

标签 统计

css ×1

css-selectors ×1