CSS 选择器中的空格是什么意思?即 .classA.classB 和 .classA .classB 有什么区别? [英] What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?

问题描述

这两个选择器有什么区别?

What is the difference between these two selectors?

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

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

推荐答案

.classA.classB 指的是同时具有 A 类和 B 类的元素(class="classA classB");而 .classA .classB 指的是具有 class="classB" 的元素是从具有 class="classA" 的元素继承而来的.

.classA.classB refers to an element that has both classes A and B (class="classA classB"); whereas .classA .classB refers to an element with class="classB" descended from an element with class="classA".

参考规范:属性选择器(参见5.8.3 类选择器部分)

Spec for reference: Attribute Selectors (See section 5.8.3 Class Selectors)

这篇关于CSS 选择器中的空格是什么意思?即 .classA.classB 和 .classA .classB 有什么区别?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！