美文网首页
H5-伪类选择器-伪元素选择器

H5-伪类选择器-伪元素选择器

作者: vzii | 来源:发表于2018-07-26 20:51 被阅读0次

H5规定

1.伪类使用单冒号

2.伪元素使用双冒号

1.伪类选择器

注意:同级

E:first-child 第一个子元素

E:last-child 最后一个元素

E:nth-child(n) 第n个

E:nth-last-child(n)倒数第n个

E:nth-child(odd)奇数

E:nth-child(even)偶数

E:nth-child(-n+3)前三个

E:nth-last-child(-n+3)后三个

E:nth-of-type(n)第n个同级兄弟元素E

E:nth-child(3n + 1)  1,4,7

E:nth-child(3n +3 ) 3的倍数

2.伪元素选择器

1.伪元素只能给双标签加

2.必须写上属性content:" ";

3.js获取不到伪元素

E:before  在E元素前插入一个元素

E:after 在E元素后插入一个元素

E:first-letter 选择到E容器内的第一个字母

E:first-line 选择到E容器内的第一行文本

相关文章

  • C3选择器

    属性选择器 兄弟选择器 伪类选择器 伪类target 伪元素before,after 其他伪元素

  • CSS3学习

    基础选择器 伪类&伪元素 选择器 伪元素选择器 属性选择器 状态伪类选择器 结构属性选择器 文字阴影&盒子阴影 文...

  • CSS3 积累(2)之结构伪类选择器

    介绍 伪类选择器主要有动态伪类选择器、UI元素状态伪类选择器、结构伪类选择器和伪元素等,这篇主要讲讲什么是结构伪类...

  • jQuery之选择器

    基本选择器 层级选择器 简单伪类选择器 与内容相关的伪类选择器 与元素状态相关的伪类选择器 匹配子元素的伪类选择器...

  • CSS3选择器

    1CSS选择器的分类 基本选择器 层次选择器 伪类选择器 动态伪类选择器 目标伪类选择器 语言伪类选择器 UI元素...

  • CSS进阶知识点--CSS3伪类选择器和伪元素

    伪类选择器 动态伪类(锚点伪类、用户行为伪类) UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...

  • CSS-常用选择器

    常用选择器 子代和父代选择器 伪类选择器 伪元素 属性选择器 孩子选择器 兄弟选择器 否定伪类 优先选择器 a的伪类

  • CSS的优先级

    内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 元素(类型)选择器 = 伪元素选择器

  • css3-新增选择器

    本文目录 1.属性选择器 2.伪类选择器(普通伪类、目标伪类、链接伪类) 3.伪元素选择器 1.属性选择器 E[a...

  • CSS选择器

    选择器类型 元素选择器 类选择器 ID 选择器 属性选择器 伪类 伪元素 选择器组 后代选择器 子元素选择器 相邻...

网友评论

      本文标题:H5-伪类选择器-伪元素选择器

      本文链接:https://www.haomeiwen.com/subject/jarimftx.html