如何使用CSS为段落添加多种样式

时间:2018-11-12 13:02:38

标签: html css html5 css3

如何使用CSS为段落添加多种样式

对于Ex:在下面的CSS代码中,

p {
    text-align: justify
}
p {
    font-size: xx-small 
}

p {
    color: aqua
}
body {
    font-family: Arial, Helvetica, sans-serif
}
h1,h2,h3,h4,h5,h6 {
    text-align: right, 
}
li {
    text-align: center
}

现在您可以看到我为Paragraph保留了以下样式

  1. 合理化
  2. 浅绿色

我如何将它们全部组合到同一个标签中,而不是将其分布在三个部分中

谢谢

4 个答案:

答案 0 :(得分:3)

只需将它们全部添加到同一声明中,就像这样

p { 
    text-align: justify;
    font-size: xx-small;
    color: aqua;
} 

答案 1 :(得分:1)

如果我正确理解了您的问题,则可以这样编写样式(请参见下面的代码段)

p {
  text-align: justify;
  color: aqua;
  font-size: xx-small
}
<p>
  Some text
</p>

答案 2 :(得分:1)

p {
    text-align: justify;
    font-size: xx-small;
    color: aqua;
  }

答案 3 :(得分:1)

代码中缺少分号;。通常,CSS规则以分号结尾。仅在大括号(})前的最后一个规则之后,才能省略分号。之后,您可以删除额外}p {