有没有办法在一个元素上使用两个类或模拟这种行为？

Question

我需要这样做：

  <p id="un_but" class="blue_but" class="radius_right">SignUp</p>

但这不起作用。

显然我可以组合类属性，但我想知道是否还有另一种方式

Answer 1

  <p id="un_but" class="blue_but radius_right" >SignUp</p>

dom元素（p）只能有一个属性（class），但多个值以空格分隔

Answer 2

CSS中一个鲜为人知的技巧是你不必将元素限制在一个类中。如果需要在元素上设置多个类，只需将它们与属性中的空格分隔即可添加它们。例如：

<p class="pullquote btmmargin left">...</p>

这会在该段落标记上设置以下三个类：

pullquote btmmargin 剩下 您可以在CSS中将这些分配为通用类：

.pullquote { ... }
 .btmmargin { ... }
 p.left { ... }

如果将类设置为特定元素，您仍然可以将其用作类列表的一部分，但请注意它只会影响CSS中指定的那些元素。

您可以使用important关键字设置不同类的优先级。 例如：

.pullquote { width :15 px !important }
     .btmmargin { width:20px  }
     p.left { ... }

在上面的示例中，20px width属性将具有更多优先级。