添加类查询选择器

当我们希望通过类名来选择元素时，可以使用类查询选择器（Class Selector）。类查询选择器使用点号“.”作为前缀，后接要选择的类名。例如，要选择类名为“example”的元素，可以使用如下代码：

.example {
  /* 样式代码 */
}

但是，有时候我们需要将多个类名作为选择器一起使用。这时，我们可以使用多类选择器（Multiple Class Selector）。多类选择器将多个类名用点号连接起来，并没有空格分隔。例如，要选择同时拥有类名“example”和“active”的元素，可以使用如下代码：

.example.active {
  /* 样式代码 */
}

类查询选择器一般用于CSS样式表中的选择器中，但也可以在JavaScript中使用。在JavaScript中，我们可以使用document.querySelector()或document.querySelectorAll()方法来获取元素。

要获取类名为“example”的元素，可以使用如下代码：

var element = document.querySelector('.example');

要获取同时拥有类名“example”和“active”的元素，可以使用如下代码：

var elements = document.querySelectorAll('.example.active');

总之，类查询选择器是CSS的基础，也是JavaScript中DOM操作的基础之一，学会使用它能够更好地掌握这两个技术。