樣式中的CSS樣式？

Question

風格中是否有風格？

例如，這樣的事情：

#content 
{ 
text-align: center; 
border-style:solid; 
border-width:10px; 
border-color: #121212; 

    h1 
    { 
     font-family: arial; 
    } 

} 

什麼我其實想做的是有標題字體爲宋體只是裏面的內容股利。

Answer 1

沒有，只喜歡：

#content 
{ 
text-align: center; 
border-style:solid; 
border-width:10px; 
border-color: #121212; 
} 


#content h1 
{ 
     font-family: arial; 
} 

Answer 2

這就是你需要

#content 
{ 
    text-align: center; 
    border-style:solid; 
    border-width:10px; 
    border-color: #121212; 
} 

#content #header 
{ 
    font-family: arial; 
} 

更新：既然你的問題已經改變

#content h1 
{ 
    font-family: arial; 
} 

Answer 3

如果你可以用LESS你想，但在這裏發佈的其他解決方案也很好。如果你有少，你需要有一個JavaScript包括解析（從網站）不太實際CSS：

<link rel="stylesheet/less" type="text/css" href="styles.less"> 
<script src="less.js" type="text/javascript"></script> 

您也可以解析CSS服務器端使用的是Node.js和服務編譯CSS文件。

Answer 4

這應該這樣做。

#content 
{ 
text-align: center; 
border-style:solid; 
border-width:10px; 
border-color: #121212; 
} 

#content > #header 
{ 
font-family: arial; 
} 

它只會將字體設置爲標題內的字體。

這是在CSS嵌套正確的方式

Answer 5

試試這個，因爲許多樣式表變得混亂容易

#content{text-align: center; border-style:solid; border-width:10px; border-color: #121212;} 
h1 { font-family: arial;} 

基本上，不要緊，只要你在關閉{} 同一行，或者如果你縮進。展示的內容節省空間。