0
点赞
收藏
分享

微信扫一扫

前端学习 day2

大南瓜鸭 2022-03-12 阅读 120

学习打卡,最近几天看视频学习css。进度很慢

记录一下选择器:

常用选择器:

  元素选择器:标签名{}

  id选择器:#id属性值{}

  类选择器:.class属性值{}

  通配选择器:*{}

复合选择器:

  交集选择器:选择器1选择器2选择器3…选择器n{}

     若交集选择器中有元素选择器,必须用元素选择器开头

  并集选择器:选择器1,选择器2,选择器n{}

关系选择器:

  子选择器:父元素>子元素

  后代选择器:祖先 后代

  选择下一个兄弟:前一个+下一个

  选择下边所有兄弟:兄~弟

属性选择器:

  [属性名] :选择含有指定属性的元素

  [属性名=属性值] :选择含有指定属性和属性值的元素

  [属性名^=] :选择属性值以指定值开头的元素

  [属性名$=属性值]:选择属性值以指定值结尾的元素

  [属性名*=属性值]:选择属性值中含有某值的元素

伪类选择器:

  :first-child 第一个子元素

  :last-child 最后一个子元素

  :nth-child() 选中第n个子元素『n :2n或even表偶数    2n+1或odd表奇数』

  :first-of-type

  :last-of-type

  :nth-of-type 同类型元素中进行排序

  :not() 否定伪类  将符合条件的元素从选择器中去除

a元素选择器:

  :link 未访问过的链接

  :visited  访问过的链接

  :hover 鼠标移入的状态

  :active 鼠标点击

伪元素选择器:

  ::first-letter:第一个字母

  ::first-line:第一行

  ::selection:选中内容

  ::before:元素开始

  ::after:元素结尾

     before和after要结合content属性来使用,用于添加符号

 

举报

相关推荐

FastAPI学习Day2

【vue学习day2】

QT学习day2

(学习c)day2

Flask学习--Day2

Day2学习笔记

C#学习-Day2

LearningOpenGL学习总结Day2

0 条评论