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

Question

我已经意识到 css 选择器

"#id.classname" 

对比

"#id .classname"

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

这两者有什么区别？

我认为两者都意味着 class 应用于具有该 ID 的元素。

Answer 1

空格有很大的不同，因为它是 descendant selector combinator。

第一个选择器应用于 ID 为 id 且具有 class classname.

的元素

第二个应用于具有 class classname 的元素，它也是具有 id id.

的元素的后代