馃コ娆㈣繋鏈夊叴瓒ｇ殑鏈嬪弸涓€璧锋潵鍋氱偣鏈夋剰涔夌殑浜嬫儏锛佹垜鍙戣捣浜嗕竴涓瘡鍛ㄧ炕璇戦」鐩€備粨搴撳湴鍧€鍜岃闂湴鍧€杩樺緢缂哄織鍚岄亾鍚堢殑灏忎紮浼淬€傝繖绾补鏄釜浜哄叴瓒ｃ€傚綋鐒讹紝涔熸湁鍔╀簬鎻愰珮鑻辫鍜屽墠绔妧鑳姐€傝姹傦細鑻辫涓嶈兘宸殑绂昏氨锛実ithub绮鹃€氾紝鏈夋瘏鍔涳紝璋﹁櫄锛屽仛浜嬫湁璐ｄ换鎰熴€傛兂鍙備笌鐨勬湅鍙嬪彲浠ョ淇x鎴栬€呯粰浠撳簱鍙慽ssue娑堟伅銆傛垜鐨勫崥瀹篃鏈夊叿浣撶殑涓汉鑱旂郴鏂瑰紡锛歞aodaolee.cnSafari鎶€鏈瑙堢増137鍒氬垰鍙戝竷锛屾彁渚涘CSS:has()鐨勬棤鏍囪鏀寔銆?has()锛岄€氬父琚О涓衡€滅埗閫夋嫨鍣ㄢ€濓紝杩滀笉姝簬姝?..CSS:has()?鏍规嵁selectors-4瑙勮寖锛氬鏋滀换浣曞甫鍙傛暟鐨勯€夋嫨鍣ㄥ尮閰嶈嚦灏戜竴涓厓绱狅紝閭ｄ箞:has()浼被浠ｈ〃涓€涓厓绱犮€傛閫夋嫨鍣ㄧО涓衡€滅埗閫夋嫨鍣ㄢ€濓紝榛樿鎯呭喌涓嬪厑璁告偍閫夋嫨鍏锋湁涓€浜涘瓙鍏冪礌鐨勭埗鍏冪礌銆?*鍖归厤鍖呭惈 鍏冪礌绱ц窡鍦ㄥ畠鍚庨潰Element*/h1:has(+p){...}褰撶劧涔熸敮鎸?,~,>...鍙鏄鍚?forgiving鐨勫弬鏁?鐩稿閫夋嫨鍣ㄥ垪琛?銆傚叾浠栫壒鎬т笌:is()涓€鏍凤紝:has()鍏锋湁浠ヤ笅鐗瑰畾鐗规€э細:has()閫夋嫨鍣ㄧ殑棰勫彂灏勬槸瀹归敊鐨?has()鐨勭壒娈婁箣澶勫湪浜庡畠浼犻€掔殑鍙傛暟鏄祻瑙堝櫒鍏煎鐨勫鍓嶆墍杩帮紝鐩墠鍙湁SafariTP137鏀寔锛堟湭鏍囨敞锛夛紝Chromium鍥㈤槦鐩墠姝ｅ湪鐫€鎵嬪疄鐜帮紝鏆傛椂杩樻病鏈夊叧浜嶧irefox鐨勬秷鎭€俉ebKit/Safari锛欼ssue#227702-宸茶В鍐矪link/Chromium锛欼ssue#669058-姝ｅ湪杩涜涓璆ecko/Firefox锛欼ssue#418039-杩涜涓浉鍏抽摼鎺ュ師鏂囬摼鎺ョ炕璇戣鍒掑師鏂?/p>
瀛愬厓绱犵殑鍏冪礌*/a:has(img){...}/*鍖归厤鍖呭惈
鐨勭洿鎺ュ悗浠ｇ殑鍏冪礌*/a:has(>img){鈥/*鍖归厤涓嶅寘鍚换浣旽鍏冪礌鐨?section>鍏冪礌::*/section:not(:has(h1,h2,h3,h4,h5,h6))澶浜嗭紒涓嶄粎浠呮槸涓€涓埗閫夋嫨鍣細has()涓嶄粎浠呮槸涓€涓埗閫夋嫨鍣ㄣ€傛濡侫drianBece鍦ㄤ粬鍦⊿mashingMagazine涓婄殑甯栧瓙涓垎浜殑閭ｆ牱锛?*鍖归厤涓€涓?figure>鍏冪礌锛岃鍏冪礌灏?figcaption>浣滀负瀛愬厓绱?/figure:has(figcaption){...}/*鍖归厤涓€涓?figcaption>鍏冪礌鍖呭惈
ifa
