多个ID选择器由空格分隔，而不是逗号

Question

有一次，我发现了一个通过搜索stackoverflow找不到答案的问题。

对于WordPress中的Vantage主题，我遇到了以下规则：

#search-icon #search-icon-icon {
  /* rules here */
}

这种选择器组合的名称是什么，它是如何工作的？我假设它适用于应用了＃search-icon-icon样式的元素，嵌套在应用＃search-icon的元素中。

Answer 1

这称为descendant selector。

来自the CSS spec：

  

有时，作者可能希望选择器匹配作为文档树中另一个元素的后代的元素。后代选择器以一种模式表达这种关系。后代选择器由两个或多个由空格分隔的选择器组成。当A B元素是某个祖先元素B的任意后代时，A形式的后代选择器匹配。

你的意思是完全正确的。