我正在试验 jquery-ui 并查看和克隆一些示例。在一个示例(自动完成的组合框)中，我看到一个带有 ui-widget 类的 anchor (a) 元素，它与包含的 css 文件中的 .ui-widget .ui-widget { css: stuf} 匹配。
我或多或少地克隆了这个例子，但我的 a.ui-widget 版本匹配 .ui-widget { other-css: stuff} (正如我所期望的)
什么会使第一个示例匹配 css 文件中的双条目和我克隆的单条目。
我没有看到任何其他相关差异 css 条目是相同的。
最佳答案
.ui-widget 作为选择器更通用(或更不具体):它将匹配 任何 元素，只要该元素具有该类。 .ui-widget 仍然是 .ui-widget，无论它是否包含在 some other .ui-widget 中 元素，所以它仍然匹配 .ui-widget 选择器。
如果使用 .ui-widget 选择器的规则覆盖使用选择器 .ui-widget .ui-widget 声明的相同规则> 对于同一个元素，则有问题，因为后者更具体，因此应该优先考虑。但这并不能阻止两个选择器匹配相同的元素，因为您基本上是在寻找相同的类。
关于css - 为什么 .ui-widget 匹配 .ui-widget .ui-widget，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15044188/