css - 空格在 CSS 选择器中意味着什么?即.classA.classB 和.classA .classB 之间有什么区别?

标签 css css-selectors

<分区>

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

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

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

最佳答案

.classA.classB 是指同时具有类 A 和 B 的元素 (class="classA classB");而 .classA .classB 指的是 class="classB" 的元素是 class="classA" 的后裔。

编辑:供引用的规范:Attribute Selectors (参见 5.8.3 类选择器部分)

关于css - 空格在 CSS 选择器中意味着什么?即.classA.classB 和.classA .classB 之间有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57202957/

上一篇:javascript - <div> 上的 setTimeout 函数

下一篇:html - 启动页面时,将调整图像大小

相关文章:

javascript - 将 UL 分成多列

javascript - D3.js 理解渐变填充

CSS:直接后代选择器。它选择不是直接子元素的元素

css - 我应该使用哪些 CSS 选择器来设计我的 JSP。 ID 还是类?

css - 在当前 SASS 嵌套中添加祖先选择器

php - 多个 javascript/css 文件 : best practices?

html - bootstrap 中一个接一个的页脚元素

html - 仅样式父列表

html - 如何在 css 中使用类中的特定单词?

javascript - jQuery UI 对话框的视频问题