例如,大家有一个<div>
元素,它有以下两个类:box
和red
。这两个类都有各自的样式:
.box { width: 200px; height: 200px; border: 1px solid black; } .red { background-color: red; }
在这种情况下,大家可以同时在元素上指定这两个类,如下所示:
<div class="box red"></div>
这样,这个元素就会同时应用box
类和red
类中的样式。
需要注意的是,多个类之间需要用空格隔开,否则样式设置不会生效。
<div class="boxred"></div>
在这个例子中,boxred
被视为一个类名,而不是两个类名box
和red
。
通过同时指定多个类,大家可以更加灵活地设置元素的样式,使得元素的样式更加多样化。