为什么.ui-widget匹配.ui-widget .ui-widget

我正在试验jquery-ui并查看和克隆一些示例。在一个例子中（自动完成的组合框），我看到一个类ui-widget的anchor（a）元素，它在包含的css文件中与.ui-widget .ui-widget { css: stuf}匹配。为什么.ui-widget匹配.ui-widget .ui-widget

我克隆或多或少的这个例子，但我的a.ui-widget比赛.ui-widget { other-css: stuff}版本（正如我所期望的）

是什么让第一个例子中的CSS文件和复式我克隆一个条目匹配。

我没有看到任何其他相关的差异CSS条目是相同的。

来源

2013-02-23 dr jerry

我真的不明白你的问题。这个元素到底是什么，它匹配哪些规则，哪些规则不匹配？你需要列出所有相关的CSS规则，并指出哪些匹配，哪些不匹配。 – BoltClock 2013-02-23 18:55:53

我想我忘了双.ui-widget意味着一个父和子元素都有一个.ui-widget类（我从你的理解中删除了答案，谢谢！）。由于某种原因，重复使我无法看到父母的孩子关系。 – 2013-02-23 19:09:19

.ui-widget作为一个选择器是更一般的（或不太具体）：它将匹配任何元素，只要元素具有该类。 A .ui-widget仍然是.ui-widget，无论它是否包含在其他一些.ui-widget元素中，所以它仍然会匹配.ui-widget选择器。

如果与.ui-widget选择规则是首要有选.ui-widget .ui-widget对同一元素中声明相同的规则，那么什么是错的，因为后者是更为具体，因此应优先考虑。但是这并不能阻止两个选择器匹配相同的元素，因为你基本上在寻找同一个类。

来源

2013-02-23 18:47:18 BoltClock

为什么.ui-widget匹配.ui-widget .ui-widget

回答

相关问题