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

选择一个HTML标签和id和class会

div#ID.class