在CSS中，同一属性可能有两个不同的值吗？_Css

在CSS中，同一属性可能有两个不同的值吗？

css

在CSS中，同一属性可能有两个不同的值吗？,css,Css,为了测试CSS而执行示例时，我尝试了以下方法：将两个CSS值添加到同一属性不会生效，即使将其用于单个选择器 p{ color: green; font-family: verdana; font-style: italic; font-style: bold } 截止到目前为止，将文本改为斜体和粗体的代码对文本不起作用字体样式：粗体应为字体重量：粗体字体样式：粗体应为字体重量：粗体您可以编写CSS规则并重复属性声明但是，实际使用的值是最后列出的值例如： p {

为了测试CSS而执行示例时，我尝试了以下方法：

将两个CSS值添加到同一属性不会生效，即使将其用于单个选择器

p{
  color: green;
  font-family: verdana;
  font-style: italic;
  font-style: bold
}

截止到目前为止，将文本改为斜体和粗体的代码对文本不起作用

字体样式：粗体

应为字体重量：粗体

字体样式：粗体应为字体重量：粗体

您可以编写CSS规则并重复属性声明

但是，实际使用的值是最后列出的值

例如：

p {
    color: green;
    color: red;
}

在本例中，

可能具有颜色

红色

，因为第二行覆盖了前面的属性声明

参考：相关CSS规范称为级联顺序：

您可以编写CSS规则并重复属性声明

但是，实际使用的值是最后列出的值

例如：

p {
    color: green;
    color: red;
}

在本例中，

可能具有颜色

红色

，因为第二行覆盖了前面的属性声明

参考：相关CSS规范称为级联顺序：

否，元素的属性始终只有一个值，尽管值本身可以有多个部分，如在

字体系列：verdana，sans serif

中，

verdana，sans serif

是单个值

如果CSS规则包含多个具有相同属性名称的声明，则最后一个声明获胜，如@MarcAudet的回答中所述

CSS声明没有累积效应，因为您可以在规则中设置

foo:bar

，然后再设置

foo:abc

，期望这会产生一个以某种方式组合

bar

和

abc

的值。对于某些属性，这种累积可能是可取的，但不可能

正如@Paulie_D所解释的，您的实际错误是使用了错误的属性名称。您需要使用正确的字体属性名称，如

font-weight

以显示粗体，或者使用：

在这种方法中，您不需要记住组件属性的名称。另一方面，您需要遵循值的顺序规则（以及所需值的顺序规则），它们其实并不简单。

否，元素的属性始终只有一个值，尽管值本身可以有多个部分，如

字体系列：verdana，sans serif

，其中

verdana，sans serif