无码三级中文字幕在线观看,国产看黄a大片爽爽影院,亚洲精品人成无码中文毛片,亚洲成a人一区二区三区,久久亚洲日韩av一区二区三区,亚洲精品国产精品乱码不卞,99re视频热这里只有精品38,午夜婷婷精品午夜无码a片影院
????????? CSS父級(jí)選擇器:has() ?????????

基本用法::has() 偽類選擇器可以實(shí)現(xiàn)父級(jí)選擇,但它不僅僅是父級(jí)選擇器。

選擇父級(jí)元素

/* 選擇子元素中包含 p 元素的 span */
span:has(p){ border: none; }

/* 選擇子元素中包含 .child 元素的 .parent */
.parent:has(.child){ border: none; }

/* 選擇直接子元素中包含 .child 元素的 .parent */
.parent:has(> .child){ border: none; }

與普通父子選擇器比較:寫法上都是父級(jí)在前,子級(jí)在后,但選擇的方向不同(向父級(jí)選擇)

span p { border: none; } /* 選擇的是 p 元素 */
.parent .child { border: none; } /* 選擇的是 .child 元素 */

選擇兄弟元素

/* 選擇緊挨著 p 元素的前一個(gè)元素 span */
span:has(+ p) { border: none; }

/* 選擇 p 元素前面的所有兄弟 span 元素 */
span:has(~ p) { border: none; }

與普通兄弟選擇器比較:選擇的方向不同(向前級(jí)選擇)

span + p { border: none; } /* 選擇的是 span 元素后面一個(gè) p */
span ~ p { border: none; } /* 選擇的是 span 元素后面所有 p */

p + span { border: none; } /* 選擇的是 p 元素后面一個(gè) span */
p ~ span { border: none; } /* 選擇的是 p 元素后面所有 span */

簡(jiǎn)單總結(jié)來(lái)說(shuō),其實(shí)寫法上元素的相對(duì)關(guān)系并沒(méi)有改變,依舊是父級(jí)元素在前,子級(jí)元素在后,或者前兄弟元素在前,后兄弟元素在后,只不過(guò)使用 has 選擇器后選擇的對(duì)象變了而已。

瀏覽器兼容性

瀏覽器最低版本
Chrome105
Edge105
Safari15.4
Opera91
主站蜘蛛池模板: 免费观看亚洲人成网站| 一本无码字幕在线少妇| 国产女人高潮叫床视频| 亚洲成a人片在线观看无码专区| 精品少妇人妻av久久久| av无码免费无禁网站| 欧美阿v高清资源不卡在线播放| 日日碰日日摸夜夜爽无码| 国产成人精品一区二区3| 午夜电影院理伦片8888| 无码a∨高潮抽搐流白浆| 无遮高潮国产免费观看| a 'v片欧美日韩在线| 八区精品色欲人妻综合网| 欧洲极品无码一区二区三区| 国产精品无码嫩草地址更新 | 78午夜福利视频| 亚洲精品一区二区三区大桥未久| 国产偷摄中国推油按摩富婆| 狠狠狼鲁亚洲综合网| 亚洲乱码一区二三四区ava| 色哟哟在线视频精品一区| 免费网站内射红桃视频| 国产精品国产三级国产剧情| 久久99精品国产99久久6| 久久一本加勒比波多野结衣 | 欧美 日韩 亚洲 在线| 18禁无遮挡无码网站免费| 制服丝袜av无码专区| 在线a亚洲老鸭窝天堂| 久久亚洲男人第一av网站| 热99re久久精品国产首页免费| 亚洲第一在线综合网站| 色宅男看片午夜大片啪啪| 国产精品女上位好爽在线| 国产成人18黄网站| 中国美女毛茸茸撒尿| 国产99久久久国产无需播放器| 国产毛片女人高潮叫声| 国产亚洲精品福利视频在线观看| 国产av天堂亚洲国产av下载|