包裝ID的CSS類？

Question

我對CSS比較陌生，想知道它是否可以「換行」ID，這樣你就不必一遍又一遍地重複它們了？

即

#home 
{ 
some stuff 
} 

#home .header { 
some stuff 
} 

#home .sub_header { 
some stuff 
} 

是否可以「包裝」的.header和.sub_header所以我不必不斷重複#home所有的時間？即類似的東西，所以ID可以集體包裝類？

#home 
{ 
some stuff 
} 

@#home [ 

.header { 
some stuff 
} 

.sub_header { 
some stuff 
} 
] 

Answer 1

優秀的問題！恐怕原生CSS不可能。沒有真正的捷徑可走。

如果您使用大量的CSS，那麼您可以使用預編譯器來使用增強表示法，並將它轉換爲CSS。

有例如

• xCSS它可以nest child elements。

• 然後是LESS，它是用Ruby編寫的，所以你需要安裝（據我瞭解，我還沒有使用它），但它非常適合在任何環境下編輯CSS。檢查首頁上的「嵌套規則」部分。

如果您剛剛開始使用CSS，您可能需要先使用本機記號。但是一旦它變得非常乏味，那些工具是非常有幫助的。

Answer 2

不幸的是，這在CSS中是不可能的，但是您可以使用CSS生成器（如LessCSS）來實現此功能，這些生成器具有自己的語法並具有嵌套和變量等功能。

Answer 3

另一個偉大的CSS框架是CSS Scaffold

CSS支架是由PHP供電，使用方便

• 允許深選擇築巢
• 常數
• 自定義混入（可重複使用的作品的CSS代碼）
• 實現網格創建框架
• 已經解析css文件緩存生產（+縮小）

如果沒有編碼大網站，我仍然會推薦普通css

Answer 4

如果您使用PHP，請考慮使用lessphp（http://leafo.net/lessphp/docs/）或http://www.symfony-project.org/plugins/sfLessPhpPlugin for symfony