Question

我想更改文章的属性，但如果我也为section设置属性，它似乎不起作用。例如：

<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上测试过它。

Answer 1

在{}部分后面有一个; ，这个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>

不能改变文章内部的属性

1 个答案: