加入多个课程，包括段落选择器

Question

我想用这个：

 .box-03c1 p {line-height: 12.5px;padding: 15px 12px}
 .box-03c2 p {line-height: 12.5px;padding: 15px 12px} 
 .box-03c3 p {line-height: 12.5px;padding: 15px 12px}
 .box-03c4 p {line-height: 12.5px;padding: 15px 12px}

但我知道有一些方法可以缩短它......

正如您所看到的，参数是重复的。

有任何线索吗？

我真的很感激。

谢谢！

Answer 1

[class^="box-"] p{
    line-height: 12.5px;
    padding: 15px 12px;
}

这段代码会将属性应用于元素内的每个p，其中的类以＆＃39;框开头 - ＆＃39;。这是选择CSS3中引入的元素的一种非常有效的方法

Answer 2

您可以使用attribute类型选择器来实现此目的：

//never used this, but seems to be a great use-case
[class|=box] p {
  line-height: 12.5px;
  padding: 15px 12px;
}

注意，这将选择类box的div，而不仅仅是box-*。

Answer 3

您可以将所有选择器组合在一起，如下所示：

{{1}}