Question

是否可以在样式中使用样式？

例如，像这样：

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

     h1
     {
       font-family: arial;
     }

}

我实际上要做的是将标题字体仅作为arial放在内容div中。

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，但此处发布的其他解决方案也可以正常使用。如果你包含LESS，你需要有一个javascript包含来解析LESS到实际的CSS（来自网站）：

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

您还可以使用node.js解析CSS服务器端并提供已编译的CSS文档。

Answer 4

这应该这样做。

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

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

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

这是在css中嵌套的正确方法

Answer 5

试试这个，因为很多样式表很容易弄乱

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

基本上，每当你关闭{}时无关紧要在同一行，或者如果你缩进。显示的内容可以节省空间。

样式中的CSS样式？

5 个答案: