前端第二天

今天学了css，可能会问css是什么，想知道css就必须了解下网页，一个网页制作少不了三个元素
（三元素包括：结构（HTML用于描述页面的结构），
表现（CSS用于控制页面中元素的样式），
行为（JavaScript用于响应用户操））
今天学的就是css
今天还完成了一个游戏闯关。
一个选择器，餐厅练习小游戏

QQ图片20180807202518.png

第一关

plate

第二关

bento

第三关

#fancy 

第四关

 plate apple 

第五关

 #fancy pickle 

第六关

.small

第七关

orange.small 

第八关

 bento>orange.small

第九关

 plate,bento,div 

第十关

 *

第十一关

 plate> 第二中方法 #fancy orange,plate *

第十二关

plate + apple

第十三关

bento~pickle

第十四关

 plate>apple 

第十五关

 plate orange:first-child

第十六关

 plate :only-child

第十七关

#fancy :last-child,pickle:last-child 

第十八关

:nth-child(3)

第十九关

div bento :nth-last-child(4)

第二十关

apple:first-of-type

第二十一关

 plate:nth-of-type(even)

第二十二关

plate:nth-of-type(3),plate:nth-of-type(5)

第二十三关

plate apple.small:only-of-type 

第二十四关

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

第二十五关

 bento:empty

第二十六关

apple:not(.small)

游戏完成！！！

QQ图片20180807202259.png