css 选择器“#id.classname”与“#id .classname”

Question

我已经意识到 css 选择器

"#id.classname" 

对比

"#id .classname"

不一样。请参阅第二个示例中的空格。

这两者有什么区别？

我认为两者都意味着一个应用于具有该 id 的元素的类。

Answer 1

空格有很大的不同，因为它是后代选择器组合器。

第一个选择器适用于 idid为 class的元素classname。

第二个适用于具有 classclassname的元素，该元素也是具有 id 的元素的后代id。