css - CSS 中 element.classname 和 element.classname 选择器的区别?

标签 css css-selectors

我了解 CSS 选择器之间的空格表示嵌套。例如,.funny p 会选择“funny”类元素中的所有段落元素,我同样会(从这个逻辑)期望 div .funny 选择div 标签中的所有“有趣”元素。然而,我从未在任何文档示例中真正看到这种形式的嵌套选择器,但看到了相当多的形式为 div.funny 的选择器。这是什么div 的简写吗?有趣的 会传达,或者实际上我在这里缺少细微的区别?谢谢!

最佳答案

div.funny 选择所有类为 funny

的 div

同时

div .funny 选择所有属于 funny 类且是 div 的后代的元素。

空间有显着差异

关于css - CSS 中 element.classname 和 element.classname 选择器的区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43713595/

相关文章:

css - Font Awesome 5 品牌图标不工作

html - CSS On hover 改变另一个元素

asp.net - 将网站/应用程序从 IE6 迁移到 IE7/IE8

html - 移动屏幕时如何将两个图像放在彼此相邻的导航栏中

html - 第 n 个 child 给错误的颜色上色

css - twitter bootstrap html-structure css 错误?

html - 如何在不使用类或伪类的情况下选择表行?

java - 可复位倒计时闩锁

html - 我很好奇为什么 'first-of-type' 不起作用

css - :not() selector not selecting element