爲什麼.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

回答

相關問題