如何将两个CSS类应用于单个元素

Question 1

我可以将2个类应用于单个div或span或任何html元素吗？例如：

<a class="c1" class="c2">aa</a>

我尝试过，但在我的情况下，c2没有得到应用。我如何一次申请两个课程？

Question 2

1）在class属性内使用多个类，以空格（ref）分隔：

<a class="c1 c2">aa</a>

2）要定位包含所有指定类的元素，请使用以下CSS选择器（不带空格）（ref）：

.c1.c2 {
}

Question 3

将两个类字符串都包含在一个类属性值中，并在两者之间留一个空格。

<a class="c1 c2" > aa </a>

Question 4

正如其他人指出的那样，您只需用空格分隔它们。

但是，了解选择器的工作方式也很有用。

考虑这段HTML ...

<div class="a"></div>
<div class="b"></div>
<div class="a b"></div>

使用.a { ... }作为选择将选择第一和第三。但是，如果要选择同时具有a和的一个，则b可以使用选择器.a.b { ... }。请注意，这在IE6中不起作用，它只会选择.b（最后一个）。

Question 5

<a class="c1 c2">aa</a>

Question 6

很明显，要在单个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>

展开摘要

Question 7

用空格分隔它们。

<div class="c1 c2"></div>

Question 8

.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>

展开摘要

.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>

展开摘要