2011-08-06 306 views
3

风格中是否有风格?样式中的CSS样式?

例如,这样的事情:

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

    h1 
    { 
     font-family: arial; 
    } 

} 

什么我其实想做的是有标题字体为宋体只是里面的内容股利。

+0

永远不要这样做 –

+1

随着:http://sass-lang.com/你可以;) – veritas

+0

这将是一个不错的功能为css –

回答

8

没有,只喜欢:

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


#content h1 
{ 
     font-family: arial; 
} 
+0

好吧,这就是我要找的,谢谢:D –

6

这就是你需要

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

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

更新:既然你的问题已经改变

#content h1 
{ 
    font-family: arial; 
} 
1

如果你可以用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文件。

1

这应该这样做。

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

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

它只会将字体设置为标题内的字体。

这是在CSS嵌套正确的方式

0

试试这个,因为许多样式表变得混乱容易

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

基本上,不要紧,只要你在关闭{} 同一行,或者如果你缩进。展示的内容节省空间。