如何组合多个 CSS 规则？答案

【问题标题】：How can I combine multiple CSS rules?如何组合多个 CSS 规则？
【发布时间】：2011-12-01 23:45:27
【问题描述】：

div#id_div_allposts {   
    width: 100%;    
}

div.class_div_post {
    width: 100%;
}

div.class_div_editdelete {
    width: 100%;
}

如何写成一行？

以及选择带有id和class的html标签的方法是什么？

【问题讨论】：

【解决方案1】：

试试这个：

div#id_div_allposts, div.class_div_post, div.class_div_editdelete {
    width: 100%;
}

或者假设您希望所有 div 的宽度都为 100%，那么......

div{
    width: 100%;
}

【讨论】：

【解决方案2】：

div#id_div_allposts, div.class_div_post, div.class_div_editdelete {
    width: 100%;
}

您可以通过逗号对CSS 中的多个选择器进行分组。

注意：逗号从一开始就开始了一个全新的选择器。

【讨论】：

【解决方案3】：

使用逗号分隔多个声明

div#id_div_allposts, div.class_div_post, div.class_div_editdelete {
    width: 100%;
}

选择一个带有 id 和 class 的 html 标记将是

div#ID.class

【讨论】：

【解决方案4】：

您所要做的就是用逗号分隔它们，例如

div#id_div_allposts,
div.class_div_post,
div.class_div_editdelete {
    width:100%;
}

【讨论】：