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

Stack Overflow用户

提问于 2013-02-24 02:43:58

回答 1查看 66关注 0票数 0

我正在试验jquery-ui，并查看并克隆了一些示例。在一个示例(autocomplete的组合框)中，我看到一个带有ui-widget类的锚(a)元素，它与包含的css文件中的.ui-widget .ui-widget { css: stuf}进行匹配。

我或多或少地克隆了这个示例，但我的a.ui-widget版本与.ui-widget { other-css: stuff}匹配(正如我所期望的)

是什么使第一个示例匹配css文件中的双条目和我的克隆单条目。

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

发布于 2013-02-24 02:47:18

.ui-widget作为选择器更通用(或不太具体)：它将匹配任何元素，只要该元素具有该类。.ui-widget仍然是.ui-widget，无论它是否包含在其他.ui-widget元素中，因此它仍然与.ui-widget选择器匹配。

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15044188

复制

相似问题

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