css diner 選擇器練習

2021-10-10 16:17:03 字數 655 閱讀 8153

第一關

plate

第二關bento

第三關#fancy

第五關#fancy >pickle

第七關orange.small

第八關bento >orange.small

第九關plate,bento

第十關*

第十一關

plate >*

第十三關

bento ~pickle

第十五關

orange:first-child

第十六關

plate :only-child

第十七關

#fancy :only-child,.small:last-child

第十八關

plate:nth-child(3)

第十九關

bento:first-of-type

第二十一關

plate:nth-child(even)

第二十二關

plate:nth-of-type(2n+3)

第二十四關

.small:last-of-type

第二十五關

bento:empty

you did it!

you rock at css.

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...

jQuery選擇器之全選擇器(選擇器)

jquery選擇器之全選擇器 選擇器 在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagna...

Css選擇器 層次選擇器(關係選擇器)

1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...