ance desc選擇器和:has(selector)過濾選擇器的區(qū)別？
如題，兩個選擇器都是對子孫層產(chǎn)生作用，有什么區(qū)別呢？
蒼白的尾巴
2016-06-27
3 回答
舉報
0/150
提交
取消
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標(biāo)簽
2016-06-27
ance desc選中的子元素desc，而比如li:has(selector)元素選擇的是父元素li