如何组合多个CSS规则？

Question

div#id_div_allposts {   
    width: 100%;    
}

div.class_div_post {
    width: 100%;
}

div.class_div_editdelete {
    width: 100%;
}

我怎么能用一行写出来？

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

Answer 1

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

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

Answer 2

试试这个：

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

或假设您希望所有div的宽度均为100％，然后......

div{
    width: 100%;
}

Answer 3

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

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

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

Answer 4

使用逗号分隔多个声明

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

选择带有id和class的html标签

div#ID.class