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

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容器内的第一行文本

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

推荐阅读更多精彩内容

  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 12,097评论 1 62
  • 1.class 和 id 的使用场景? 类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用,也...
    草鞋弟阅读 7,130评论 0 1
  • 一、伪元素和伪类的概念 伪类:首先是类的一种,类似class,代表一些元素的状态,逻辑上存在,文档树中却无须标识的...
    07120665a058阅读 5,148评论 0 4
  • 1.class 和 id 的使用场景? 两者都能选取DOM节点并给DOM节点添加样式,但是W3C标准里规定页面中只...
    饥人谷_米弥轮阅读 3,130评论 0 1
  • (理解)伪类和伪元素的区别 学习这么长时间对于一些基本点还是不太理解,所以在这里进行了区分第一种理解伪类用于向某些...
    行不离书阅读 2,586评论 0 1