第一關(guān) plate ,(plate元素)
第二關(guān) bento ,(bento元素)
第三關(guān) #fancy ,(id為fancy的元素)
第四關(guān) plate apple ,(plate祖先元素下的apple后代元素)
第五關(guān) #fancy pickle ,(id為#fancy的祖先元素下的pickle后代元素)
第六關(guān) .small ,(組為small的元素)
第七關(guān) orange.small ,(組為small的orange元素)
第八關(guān) bento>orange.small ,(bento父元素下的組為small的orange子元素)
第九關(guān) plate,bento,div ,(plate,bento兄弟元素在div元素中)
第十關(guān) * ,(代表所有元素)
第十一關(guān) plate> ,(plate父元素的所有ziyuansu)
第十二關(guān) plate + apple ,(兄弟元素選擇器,plate元素的后一個元素)
第十三關(guān) bento~pickle ,(兄弟元素選擇器,bento元素后的多個pickle元素)
第十四關(guān) plate>apple ,(plate父元素下的apple子元素)
第十五關(guān) plate orange:first-child , (子元素選擇器,plate元素下的第一個orange元素)
第十六關(guān) plate :only-child
,(所有plate元素下的元素)
第十七關(guān) #fancy :last-child,pickle:last-child ,(id為fancy的元素的最后一個和pickle元素的最后一個)
第十八關(guān) div plate:nth-child(3)
,(div元素中的第三個plate元素)
第十九關(guān) div bento :nth-last-child(4) ,(div元素中倒數(shù)第四個bento元素)
第二十關(guān) apple:first-of-type (第一個apple元素)
第二十一關(guān) plate:nth-of-type(even) ,(所有偶數(shù)個的plate元素)
第二十二關(guān) plate:nth-of-type(3),plate:nth-of-type(5) ,(plate元素下的第3個和第5個元素)
第二十三關(guān) plate apple.small:only-of-type ,(plate元素下滿足apple.small元素的唯一一個元素)
第二十四關(guān) orange.small:last-of-type,apple.small:last-of-type ,(是orange.samll和apple.small元素的最后一個元素)
第二十五關(guān) bento:empty ,(bento元素里沒有包括額外元素)
第二十六關(guān) apple:not(.small) ,(apple里沒有組是.small的元素)
選擇器通關(guān)答案
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 選擇器 元素選擇器 作用:通過元素選擇器可以選擇頁面中的所有指定元素 語法:標簽名{} id選擇器 作用:通過元素...
- css 層疊樣式表 多個樣式用 ;(分號) 隔開, id 去指定的位置 是唯一標識 href 指向外部css的樣式...
- 1.什么是選擇器: 在CSS中,選擇器是一種模式,用于選擇需要添加樣式的元素 2.選擇器的種類和形式: $ 元素/...