gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 15:15:12 28 4
gpt4 key购买 nike

我正在试验 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/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com