如何組合多個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