CSS伪类/伪元素选择器整理
我要评论（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
一、超链接
a：link{ color:red;}
a：visited{ color:blue;}
a：hover{ color:black;}
a：active{ color:#6600CC;}
注意：设置的顺序不能变，遵循爱恨（love/hate）原则。 ——此原则自己在网上看别人说的，便于记忆就写在这了
二、更多伪类
：root ------------------------------ 文档的根
：nth-child(n) --------------------- 作为其父元素的第n个孩子的一个元素
：nth-last-child(n) ---------------- 作为其父元素的第n个孩子的一个元素，从最后一个数起
：nth-of-type(n) ------------------ 作为其类型的第n个兄弟的一个元素
： nth-last-of-type(n) ----------- 作为其类型的第n个兄弟的一个元素，从最后一个数起
：first-child ---------------------- 作为其父元素的第1个孩子的一个元素
：last-child ----------------------- 作为其父元素的最后1个孩子的一个元素
：first-of-type -------------------- 作为其类型的第1个兄弟的一个元素
：last-of-type ------------------- 作为其类型的第1个兄弟的一个元素，从最后一个数起
：only-child -------------------- 作为其父元素的唯一1个孩子的一个元素
：only-of-type ------------------- 作为其类型的唯一1个兄弟的一个元素
：empty -------------------------- 没有孩子或文本的一个元素
三、一些伪元素
：first-letter 第一个字母
：after 选择元素的后面，允许在这些位置插入内容
：before 选择元素的前面，允许在这些位置插入内容
相关文章
这篇文章主要介绍了详解如何使用CSS3中的结构伪类选择器和伪元素选择器，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面2020-01-06- CSS伪元素能使我们添加案定的HTML元素之外的元素,这里我们就来解析CSS中的伪元素及其与伪类的区别,需要的朋友可以参考下2016-06-27
- 这篇文章主要介绍了详解CSS中的伪类与伪元素及二者间的区别,实际上CSS3中规范了一种简单粗暴的方法,即伪类前用一个冒号表示,而伪元素前用两个冒号表示,这样就不容易混淆了,2016-04-28
- 本文向大家展示了CSS的伪类与伪元素，介绍的非常全面，这里推荐给大家参考下。2014-12-04
- 伪类和伪元素不是真正意义上的html存在的类和元素,他们的存在是为了方便对状态和位置进行样式定义。具体他们之间有什么区别呢，这就是今天我们需要讨论的问题了2014-11-23
- 无论是伪类还是伪元素，都属于CSS选择器的范畴。所以它们的定义可以在CSS标准的选择器章节找到。分别是 CSS2.1 Selectors 和 CSS Selector Level 3，两者都已经是推荐标准2014-09-04
- css伪类伪元素域高级选择器的介绍，需要的朋友可以参考一下2013-02-26
- 关于两者的区别，其实是很古老的问题.这里着重写的是为什么这两者不同，以及一些平时容易错过的细节,需要的朋友可以参考下2012-12-07
这篇文章主要介绍了浅谈CSS 伪元素&伪类的妙用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习2020-09-01
最新评论