2

我想更改文章的属性，但是如果我还为部分设置了属性，它似乎不起作用。例如：

<html>
<style type="text/css">

section{
    margin:2px auto;
    background-color:green;
    border:2px solid blue;
    width:500px;
    height:10em;
};
/* will not work for article*/
article{        
    padding:auto;
    margin:2px auto;
    background-color:red;
    border:2px dashed red;
    width:100px;
    height:2em;
}
</style>
<body>
<section>
    <article>hello</article>
    <article>hello</article>
    <article>hello</article>
</section>
</body>
</html>

但是在删除部分的css代码后，它将起作用：

<html>
<style type="text/css">
/*works now*/
article{
    margin:2px auto;
    background-color:red;
    border:2px dashed red;
    width:100px;
    height:2em;
}
</style>
<body>
<section>
    <article>hello</article>
    <article>hello</article>
    <article>hello</article>
</section>

</body>
</html>

我已经在 firefox22 和 chrome 28 上对其进行了测试。

4

1 回答 1

2

你有一个; 在 {} 部分之后，这是 CSS 无效的，因此它破坏了以下语句。

从您的 CSS 声明中删除它并告诉我它是否解决了您的问题。

<style type="text/css">

section{
    margin:2px auto;
    background-color:green;
    border:2px solid blue;
    width:500px;
    height:10em;
} /* ; <-- remove it */


article{        
    padding:auto;
    margin:2px auto;
    background-color:red;
    border:2px dashed red;
    width:100px;
    height:2em;
}
</style>
于 2013-08-01T16:48:35.803 回答