这两个选择器有什么不同？

.classA.classB {
  border: 1px solid;
}

.classA .classB {
  border: 1px solid;
}

---

顺晟科技：

表示同时具有两个类名的元素将被选中，而表示只有类名位于

指同时具有类A和类B（）的元素；而引用从具有。

的元素下降的元素

编辑：规范以供参考:attribute Selectors（请参阅5.8.3类选择器部分）

像这样的样式更常见，它将针对嵌套在“classa”类的任何类型元素中的“classB”类的任何类型元素。

.classA.classB {
  border: 1px solid;
}

.classA .classB {
  border: 1px solid;
}

例如，它可以在以下情况下工作:

.classA.classB {
  border: 1px solid;
}

.classA .classB {
  border: 1px solid;
}

但是，这个对象是既是类“classa”又是类“classb”的任何类型的元素。这种样式不太常见，但在某些情况下仍然有用。

.classA.classB {
  border: 1px solid;
}

.classA .classB {
  border: 1px solid;
}

这将适用于此示例:

.classA.classB {
  border: 1px solid;
}

.classA .classB {
  border: 1px solid;
}

但是，它不会对以下内容产生影响:

.classA.classB {
  border: 1px solid;
}

.classA .classB {
  border: 1px solid;
}

（注意，当HTML元素有多个类时，它们用空格分隔。）