如何组合多个 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%;
}

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

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

Answer 3

使用逗号分隔多个声明

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

选择带有 id 和 class 的 html 标签将是

div#ID.class

Answer 4

试试这个：

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

或者假设你希望所有 div 的宽度都是 100% 那么......

div{
    width: 100%;
}