Css 为什么.ui小部件与.ui小部件.ui小部件匹配

我正在试验jQueryUI，并查看和克隆一些示例。在一个示例（autocomplete的组合框）中，我看到了一个锚（a）元素，该元素带有类ui小部件，它与包含的css文件中的

.ui widget.ui小部件{css:stuf}

相匹配

我或多或少克隆了这个示例，但是我的

a.ui-widget

版本与

.ui-widget{other css:stuff}

匹配（正如我所期望的那样）

如何使第一个示例与css文件中的双条目和我的克隆单条目匹配

---

我看不到任何其他相关的差异，css条目是相同的。

.ui小部件

作为选择器更通用（或更不具体）：只要元素具有该类，它将匹配任何元素。

.ui小部件

仍然是一个

.ui小部件

，无论它是否包含在其他

.ui小部件

元素中，因此它仍然与

.ui小部件

选择器匹配

---

如果带有

.ui小部件

选择器的规则覆盖了使用选择器

.ui小部件.ui小部件

为同一元素声明的相同规则，那么就有问题了，因为后者更具体，因此应该优先。但这并不能阻止两个选择器匹配同一个元素，因为您基本上是在寻找同一个类。

我不太理解您的问题。这个元素到底是什么，它匹配哪些规则，不匹配哪些规则？您需要列出所有相关的CSS规则，并指出哪些规则匹配，哪些不匹配。我想我忘记了double.ui小部件意味着父元素和子元素都有一个.ui小部件类（我从您的答案中理解了这一点。谢谢！）。由于某种原因，这种重复使我看不到亲子关系。