[分享]css中属性只能存在一个吗

在CSS中，每个属性只能存在一个。这是由语法所确定的。假设我们想要给一个元素同时设置背景颜色和宽度。如果我们这样写：div { backgroundcolor: blue; width: 50; ba...

在CSS中，每个属性只能存在一个。这是由语法所确定的。
假设我们想要给一个元素同时设置背景颜色和宽度。如果我们这样写：

div {
    background-color: blue;
    width: 50%;
    background-color: red;
} 

那么实际上，只会生效最后一个设置的属性——也就是说，元素的背景色将是红色，而宽度则是50%。
如果我们希望各个属性都能生效，就要写成这样：

div {
    background-color: blue;
    width: 50%;
}

div {
    background-color: red;
} 

这样，各属性分别在各自的规则内设置，就能同时生效了。
总之，每个CSS属性只能在一个规则内生效，这是我们在编写CSS样式时需要注意的问题。