HTML-02.day

1.css选择器基本语法 (选择器 声明块)

2.外部样式


3.块和内联

4.选择器

5.子元素和后代元素选择器

6.伪类选择器

7.伪元素

8.子元素选择器

9.兄弟元素选择器

10.否定伪类

11.样式的继承

12.选择器的优先级

13.a的伪类(按顺序)

作业--晚餐小游戏:
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.(1)apple,plate pickle 并集选择器 (2)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是偏移值】

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

24.orange:last-of-type,apple:last-of-type 子元素选择器(选择最后一个标签)| 并集选择器
25.bento:empty 选择bento标签没有子元素的元素
26.apple:not(.small) 子元素选择器 (否定伪类)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 11,437评论 2 66
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,514评论 0 30
  • 盘点我的这个暑假 说实话,我不是一个自律的人! 每当暑假来临的时候,也是我浑浑噩噩、醉生梦死的...
    吴老师教语文阅读 3,621评论 0 5
  • 我计划从今天下午开始进入断食,周三恢复正常饮食。 断食的概念并不是最近才出现的,只是最近比较流行而已。我们可以在下...
    幺幺是我阅读 3,203评论 6 0

友情链接更多精彩内容