如何将两个CSS类应用到一个div / span
我可以将2个类应用于单个div或跨度或任何html元素吗？ 例如：
<a class="c1" class="c2">aa</a> 我试过，在我的情况下，C2没有得到应用。 我怎样才能一次申请两个class？
1）在类属性中使用多个类，由空格（ ref ）分隔：
<a class="c1 c2">aa</a>
2）要包含所有指定类的元素，使用这个CSSselect器（ 无空格 ）（ ref ）：
.c1.c2 { }
将两个类string都包含在一个类属性值中，并在两者之间留有空格。
<a class="c1 c2" > aa </a>
正如其他人所指出的，你只是用一个空格来划分它们。
但是，了解select器如何工作也是有用的。
考虑这段HTML …
<div class="a"></div> <div class="b"></div> <div class="ab"></div>
使用.a { ... }作为select器将select第一个和第三个。 但是，如果要select同时具有a和b一个，则可以使用select器.ab { ... } 。 请注意，这将无法在IE6中工作，它将简单地select.b （最后一个）。
<a class="c1 c2">aa</a>
用空间分开他们。
<div class="c1 c2"></div>
这非常清楚，要在单个div中添加两个类，首先必须生成这些类，然后将它们合并。 这个过程是用来做改变和减less的。 类。 那些从头开始创build网站的人大多使用这种types的方法。 他们做两个class的第一class是颜色和第二class是设置宽度，高度，字体样式等。当我们结合这两个类，那么第一类和第二类都是有效的。
.color {background-color:#21B286;} .box { width:"100%"; height:"100px"; font-size: 16px; text-align:center; line-height:1.19em; } .box.color { width:"100%"; height:"100px"; font-size:16px; color:#000000; text-align:center; }
<div class="box color">orderlist</div>
.color {background-color:#21B286;} .box { width:"100%"; height:"100px"; font-size: 16px; text-align:center; line-height:1.19em; } .box.color { width:"100%"; height:"100px"; font-size:16px; color:#000000; text-align:center; }
<div class="box color">orderlist</div>
