CSS Diner 元素

元素game

一. plate


image.png

二. bento


image.png

三. #fancy


image.png

四. plate apple


image.png

五. #fancy pickle


image.png

六. apple.small


image.png

七. orange.small


image.png

八. bento orange.small


image.png

九. plate , bento


image.png

十. *


image.png

十一. plate *


image.png

十二. plate + apple


image.png

十三. bento ~ pickle


image.png

十四. plate > apple


image.png

十五. plate orange:first-child


image.png

十六. plate *:only-child


image.png

十七. #fancy *:last-child , plate + pickle


image.png

十八. plate:nth-child(3)


image.png

十九. bento:nth-last-child(4)


image.png

二十. apple:first-of-type


image.png

二十一. plate:nth-of-type(2n)


image.png

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


image.png

二十三. plate apple.small:only-of-type


image.png

二十四. orange:last-of-type , apple:last-of-type


image.png

二十五. bento:empty


image.png

二十六. apple:not(.small)


image.png
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择器 元素选择器 作用:通过元素选择器可以选择页面中的所有指定元素 语法:标签名{} id选择器 作用:通过元素...
    2simple阅读 3,914评论 0 0
  • 第一关 plate ,(plate元素) 第二关 bento ,(bento元素) 第三关 #fancy ,(id...
    唐朝集团阅读 3,690评论 0 1
  • 第一关 plate ,(plate元素) 第二关 bento ,(bento元素) 第三关 #...
    Khada阅读 1,365评论 0 0
  • 内部样式表 html的注释 css用不了 /**/ css 注释 所有的元素都可以加 (id) backgro...
    秋殇灬阅读 3,624评论 0 0
  • 站位id 定义元素标签的唯一标识 <---> html的注释 css用不了 块元素 独占一行 主要做页面布...
    秋殇灬阅读 2,472评论 0 0