CSS餐厅练习链接及答案

目录

链接：

level 1

level 2

level 3

level 4

level 5

level 6

level 7

level 8

level 9

level 10

level 11

level 12

level 13

level 14

level 15

level 16

level 17

level 18

level 19

level 20

level 21

level 22

level 23

level 24

level 25

level 26

level 27

level 28

level 29

level 30

level 31

level 32

---

链接：

https://flukeout.github.io/

level 1

plate

level 2

bento

level 3

#fancy

level 4

plate apple

或者

plate>apple

level 5

#fancy pickle

level 6

.small

level 7

orange.small

level 8

bento orange.small

或者

bento>orange.small

level 9

plate,bento

level 10

*

level 11

plate * 

level 12

plate+apple

level 13

bento~pickle

level 14

plate>apple

level 15

plate orange:first-child

level 16

plate :only-child

或者

plate>:only-child

level 17

.small:last-child

level 18

plate:nth-child(3)

level 19

bento:nth-last-child(3)

level 20

apple:first-of-type

level 21

plate:nth-of-type(2n)

level 22

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

level 23

apple:only-of-type

level 24

.small:last-of-type

或者

orange:last-of-type,apple:last-of-type

level 25

bento:empty

level 26

apple:not(.small)

level 27

[for]

level 28

plate[for]

level 29

[for="Vitaly"]

或者

bento[for="Vitaly"]

level 30

[for^="S"]

level 31

[for$="o"]

或者

[for$="ato"]

 或者

[for$="to"]

level 32

[for*="obb"]

或者

[for*="ob"]

 或者

[for*="bb"]