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

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 element( p) 只能有一个属性( class)，但有多个值用空格分隔

Answer 2

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

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

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

pullquote btmmargin left 您可以在 CSS 中将它们指定为通用类：

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

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

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

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

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