Question

我试图为样式表编写以下块，但我不断对涉及h2，ul和strong元素的行进行解析错误。我几乎肯定它是嵌套的花括号，但我不确定如何在没有它们的情况下编写嵌套元素。谷歌在这方面没有多大帮助。

这是一个内联声明会更好的实例吗？关于问题是什么，我错了吗？谁能让我知道我失踪了什么？感谢。

#hole_stats {position: absolute; left: 0px; top: 115px;
        h2 {font-size: 1em; margin: 5,0,0,0};
        ul {list-style-type: none};
        margin-left: 10px;
        padding-left: 0px;
        margin-top: 0px;
        font-size: 0.7em;
        strong {color: yellow};
        width: 120px; 
        height: 200px; 
        color: white; 
        background-color: rgb(53, 43, 48)}

---- ----- EDIT

因此，根据以下评论，正确的格式将是这个???

#hole_stats {position: absolute; left: 0px; top: 115px;
        margin-left: 10px;
        padding-left: 0px;
        margin-top: 0px;
        font-size: 0.7em;
        width: 120px; 
        height: 200px; 
        color: white; 
        background-color: rgb(53, 43, 48)}
#hole_stats h2 {font-size: 1em; margin: 5,0,0,0};
#hole_stats ul{list-style-type: none};
#hole_stats strong {color: yellow};

Answer 1

CSS本身不允许嵌套规则（尽管一些CSS预处理器，如更少，但是）。

在纯CSS中，

#hole_stats {position: absolute; left: 0px; top: 115px;
    h2 {font-size: 1em; margin: 5,0,0,0};
    ul {list-style-type: none};
    /* etc */
 }

需要重新制定为

#hole_stats {
    position: absolute; left: 0px; top: 115px;
}
#hole_stats h2 {
    font-size: 1em; margin: 5px 0 0 0; 
}
#hole_stats ul {
    list-style-type: none;
}
/*  etc */

Answer 2

非正式地说，嵌套的大括号是问题。更正式地说，CSS规则由逗号分隔的选择器列表，“{”，以分号分隔的声明列表和“}”组成。每个声明的格式为property：value。在声明列表中无法使用选择器。你需要写

#hole_stats {position: absolute; left: 0px; top: 115px; }
#hole_stats h2 {font-size: 1em; margin: 5,0,0,0; }
#hole_stats ul {list-style-type: none; }

等。有各种工具可用于生成此类代码，但不能用于CSS。

嵌套元素产生解析错误

2 个答案: