CSS餐廳練習

2021-10-06 15:54:40 字數 1717 閱讀 6828

元素選擇器

第1關plate

選中 plate 元素

第2關bento

選中 bento 元素

id選擇器

第3關#fancy

選中 id = 「fancy」 的元素

後代選擇器

選中 id = 「fancy」 祖先元素下的 pickle 後代元素

類選擇器

第6關.small

選中 class = 「small」 的元素

第7關orange.small

選中 orange 組中的 class = 「small」 的元素

第8關bento orange.small

選中 bento 父元素下 class = 「small」 的orange子元素

選擇器分組(並集選擇器)

第9關plate,bento

同時選中 plate,bento 對應的元素

萬用字元選擇器

第10關

*

選中頁面中的所有元素

第11關

plate *

選中 plate 中的所有子元素

關係選擇器

選擇下乙個兄弟,即 plate 元素的後乙個元素

第13關

bento~pickle

選擇下邊的所有兄弟,即 bento 下邊的所有 pickle 兄弟

子元素選擇器

第15關

plate orange:first-child

選中 plate 中的第乙個 orange 元素

第16關

plate :only-child

選中 div 中的第3個孩子 plate

第19關

bento:nth-last-child(3)

同型別偶數字,即選中型別為 plate 的偶數字上的元素

第22關

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

屬性選擇器 選中有 for 屬性的元素

第28關

plate[for]

選中有 for 屬性的 plate

第29關

bento[for=vitaly]

選中 for 的屬性值為 vitaly 的 bento

第30關

plate[for^=s],bento[for^=s]

選中 for 的屬性值以 s 開頭的元素

第31關

bento[for$=o],plate[for$=o]

選中 for 的屬性值以 o 結尾的元素

第32關

bento[for*=odd]

選中 for 的屬性值中包含 odd 的元素

python爬蟲練習 KFC餐廳位址

結語 基本要求 爬取指點地點的肯德基餐廳資料 高階要求 1.能夠翻頁爬取 2.能夠爬取到本次搜尋所有的餐廳資料,也就是一直爬到最後乙個 codeing utf 8 time 2020 12 22 0 38 author si file test kfc.py software pycharm imp...

CSS餐廳選擇器(CSS dinner)

遊戲位址 答案 元素選擇器 plate bento id選擇器 fancy id選擇器 後代選擇器 facy pickle 類選擇器 small orange.small bento orange.small 並集選擇器 plate,bento all plate 選擇跟隨另乙個元素的元素 bent...

HTML 選擇器 餐廳練習題答案

第一關 plate 元素生成器 第二關 bento 元素生成器 第三關 fancy id選擇器 第五關 fancy pickle 後代選擇器和id選擇器 第六關 small 類選擇器 第七關 orange.small 組合選擇器 第八關 bento orange.small 子代選擇器 第九關 pl...