感觉在网上找了很久的资料都没有找到真正有用的资料,所以决定自己写一篇
首先是w3c上面的介绍
- CSS 伪类用于向某些选择器添加特殊的效果。
- CSS 伪元素用于将特殊的效果添加到某些选择器。
个人觉得吧,比较绕,所以自己找一下规律,在这里分享一下
伪类
伪类,从字面上理解,首先类这个字应该是指class,毕竟是在css里面,那么这个类是用来干啥子的?
- A:你不是废话吗?肯定添加样式的?
- A说得对,那伪类呢?虽然不知道是具体干啥,但是肯定和添加样式有一腿,
既然如此,就大致可以理解伪类肯定是用来添加样式的
伪元素
伪元素,这个就不是那么好理解了,元素就是 p标签、a标签···
伪元素难道是不完整的元素?其实可以这样理解…
伪类和伪元素的正真区别
从css2~3的伪类中,有一个很明显的区别,所有的伪类选择器,都是对一个完整的元素进行样式操作的,
完整的意思,就是一个完整的标签比如p标签的开始到结尾,比如p:hover,这个伪类器,你选择的是整个p,然后鼠标悬停的时候,p整个元素进行样式改变,你不可能使这个p中的文字只有一半进行样式改变
但是伪元素呢?所有的伪元素,都是对一个完整的标签内部做出样式改变,它只对局部进行样式操作,比如:first-letter,它只是对首字母进行操作,:first-line是对第一行进行操作…等等