0

我正在试验 jquery-ui 并查看和克隆一些示例。.ui-widget .ui-widget { css: stuf}在一个示例(自动完成的组合框)中,我看到一个带有类 ui-widget 的锚 (a) 元素,它在包含的 css 文件中被匹配。

我或多或少地克隆了这个例子,但我的a.ui-widget匹配版本.ui-widget { other-css: stuff}(如我所料)

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

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

4

1 回答 1

1

.ui-widget因为选择器更通用(或不太具体):只要元素具有该类,它就会匹配任何元素。A.ui-widget仍然是 a .ui-widget,无论它是否包含在其他 .ui-widget元素中,所以它仍然会匹配.ui-widget选择器。

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

于 2013-02-23T18:47:18.347 回答