課程
/前端開發
/jQuery
/jQuery基礎課程
如題，兩個選擇器都是對子孫層產生作用，有什么區別呢？
2016-06-27
源自：jQuery基礎課程 3-4
正在回答
ance desc選擇器中，ance是祖先輩，desc是子孫輩，該選擇器會選中ance下所有的desc元素，包括被嵌套的元素如：
<div>
????<p><span id="s1"></span>
????</p>
????<span id="s2"></span>
</div>
使用“div span”進行選擇，會選中s1和s2兩個span。
:has(selector)選擇器中，選擇的是和selector同輩中的元素，對于上面的代碼
使用div:has("span"),則只會選中s2，因為s1，s2不是同一輩。
蒼白的尾巴 提問者
錯誤的回答是最佳答案，正確的卻不是。。。醉了 ?。那個最佳答案的連基本概念都沒搞懂。ance desc重點在desc 前面的可以認為是修飾 ?而li:has(selector)重點在li ? ? 后面的只是修飾罷了 ，可以翻譯成含有selector這個元素的li標簽
ance desc選中的子元素desc，而比如li:has(selector)元素選擇的是父元素li
舉報
加入課程學習，有效提高前端開發速度
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
<fieldset id="nfijp"><rp id="nfijp"></rp></fieldset>
2016-06-27
ance desc選擇器中，ance是祖先輩，desc是子孫輩，該選擇器會選中ance下所有的desc元素，包括被嵌套的元素如：
<div>
????<p><span id="s1"></span>
????</p>
????<span id="s2"></span>
</div>
使用“div span”進行選擇，會選中s1和s2兩個span。
:has(selector)選擇器中，選擇的是和selector同輩中的元素，對于上面的代碼
使用div:has("span"),則只會選中s2，因為s1，s2不是同一輩。
2016-07-06
錯誤的回答是最佳答案，正確的卻不是。。。醉了 ?。那個最佳答案的連基本概念都沒搞懂。ance desc重點在desc 前面的可以認為是修飾 ?而li:has(selector)重點在li ? ? 后面的只是修飾罷了 ，可以翻譯成含有selector這個元素的li標簽
2016-06-27
ance desc選中的子元素desc，而比如li:has(selector)元素選擇的是父元素li