餐厅

1.plate 元素选择器

2.bento 元素选择器

3.#fancy id选择器

4.plate apple 后代选择器

5.#fancy pickle 交集选择器

6..small 类选择器

7.bento .small,plate .small 并集选择器

8.bento orange.small 交集选择器

9.bento,plate 并集选择器

10.* 通配选择器

11.plate * 交集通配选择器

12.plate+apple 兄弟选择器(后边一个元素)

13.bento ~ pickle 兄弟选择器(后边所有元素)

14.plate > apple 子元素选择器

15.plate :first-child 子元素选择器(为第一个子元素)

16.apple,plate pickle 并集选择器

only-child 选择父元素只包含一个同类型子元素

17.apple,pickle 并集选择器

18.plate:nth-child(3) 子元素选择器(为指定位置的子元素)

19.bento:first-of-type 子元素选择器(为bento标签第一个子元素)

20.apple:first-of-type 子元素选择器(为apple标签第一个子元素)

21.plate:nth-of-type 子元素选择器 (为plate标签偶数子元素)

22.plate:nth-child(2n+3) 子元素选择器(选择第2n+3个plate元素)【公式2n+3中n是计数器(从0开始)3是偏移值】

apple:only-of-type 选择父元素只包含一个同类型子元素,且包含apple元素

24.orange:last-of-type,apple:last-of-type 子元素选择器(选择最后一个标签)| 并集选择器

25.bento:empty 选择bento标签没有子元素的元素

26.apple:not(.small) 子元素选择器 (否定伪类)

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

推荐阅读更多精彩内容

  • 第一关: plate ,(plate元素)第二关 : bento ,(bento元素)第三关 : #fanc...
    3e0a50393df8阅读 898评论 0 0
  • css 层叠样式表 多个样式用 ;(分号) 隔开, id 去指定的位置 是唯一标识 href 指向外部css的样式...
    Crld阅读 732评论 0 0
  • 1.plate元素选择器 2.bento元素选择器 3.#fancyid选择器 4.plateapple后代选择器...
    PySong阅读 199评论 0 0
  • 1,plate 元素选择器2,bento 元素选择器3,#fancy ID选择器4,plate apple 后代元...
    你猜_e00d阅读 350评论 0 0
  • 深夜,躺在床上带着耳机,认认真真的看完这个电影,心里久久无法平静,似乎被电影中人物的精神所鼓舞,闲放已久的心突然间...
    耳羽荷阅读 272评论 0 4