// 例如,有如下HTML代码: <div class="box item">这是一个盒子</div> <div class="box">这是另一个盒子</div> <div class="item">这是一个列表项</div> // 大家可以使用CSS类选择器相加来选取同时拥有box和item类的元素: .box.item { background-color: red; } // 这样,第一个div元素将被选中并改变背景色,而第二个div元素和第三个div元素则不会被影响。
需要注意的是,CSS类选择器相加时,类名的顺序是可以交换的,即.box.item和.item.box是等价的。
除了类选择器相加,还有其他的多类选择器,比如通用选择器与属性选择器相结合使用,使用波浪号(~)选择同级别的拥有某个类的元素等等,这些选择器可以让大家更加灵活地选取特定的元素,并对其进行样式的设置。