CSS选择器：Class : .className

CSS选择器是一种用于选择HTML或XML文档中的元素的语法。Class选择器是CSS中的一种选择器，它可以通过指定元素的class属性来选择元素。Class选择器的语法为".className"，其中className是你要选择的class名称。

举个例子，如果你想选择一个class名称为"my-class"的div元素，你可以使用以下CSS代码：

div.my-class {
  /* 这里写样式 */
}

这段代码表示选择所有class名称为"my-class"的div元素，并对其应用样式。注意，class名称前面需要加上"."符号。

相关问题

用js封装一个 select() 函数，该函数接收一个字符参数，字符内容为css选择器形式。 o 要求1：执行 select 后，返回一个对象，该对象拥有以下方法  html()：用于 获取 或 修改 标签内容，  传字符参数，设置标签内容  不传参，获取标签内容  css()：用于 获取 或 修改 样式内容  传字符参数，获取指定css样式值  传对象参数，设置指定样式  click()：用于绑定点击事件  传函数参数，为事件处理函数  addClass()：用于添加指定class名：传字符参数，为要添加的class名  removeClass()：用户删除指定class名（保留其他class名）  传字符参数，为要删除的class名 o 要求2：执行 select 后，所有方法之间不分顺序，均可互相链式调用，亦可重复调用。均可实现对应功能

您可以按照以下方式封装一个select()函数：

function select(selector) {
  // 获取匹配的元素
  const elements = document.querySelectorAll(selector);
  
  // 返回一个对象，拥有对应的方法
  return {
    html: function(content) {
      // 如果没有传参，则获取第一个元素的内容
      if (!content) {
        return elements[0].innerHTML;
      }
      
      // 设置所有匹配元素的内容为传入的content
      elements.forEach(element => {
        element.innerHTML = content;
      });
      
      // 返回修改后的对象
      return this;
    },
    
    css: function(style) {
      // 如果传入的是字符串，则获取第一个元素的对应样式值
      if (typeof style === 'string') {
        return window.getComputedStyle(elements[0])[style];
      }
      
      // 设置所有匹配元素的样式为传入的style对象
      elements.forEach(element => {
        Object.assign(element.style, style);
      });
      
      // 返回修改后的对象
      return this;
    },
    
    click: function(eventHandler) {
      // 绑定点击事件
      elements.forEach(element => {
        element.addEventListener('click', eventHandler);
      });
      
      // 返回修改后的对象
      return this;
    },
    
    addClass: function(className) {
      // 添加指定class名
      elements.forEach(element => {
        element.classList.add(className);
      });
      
      // 返回修改后的对象
      return this;
    },
    
    removeClass: function(className) {
      // 删除指定class名
      elements.forEach(element => {
        element.classList.remove(className);
      });
      
      // 返回修改后的对象
      return this;
    }
  };
}

使用示例：

// 创建select对象
const obj = select("#myDiv");

// 链式调用方法，获取标签内容并设置样式
obj.html().css({ color: 'red' });

// 链式调用方法，绑定点击事件并删除指定class名
obj.click().removeClass('active');

请根据您的实际需求，完善相应的功能实现。