伪类用于向某些选择器添加特殊的效果。选择作用
伪类有::first-child ,:link:,vistited,:hover,:active,:focus,:lang
:nth-child(3) 选择父元素的第二个元素
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型
:nth-child(odd)奇数 和 :nth-child(even)偶数 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)
伪元素用于将特殊的效果添加到某些选择器。添加元素
伪元素有: ::first-line,::first-letter,::before,::after
伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到,这也是为什么他们一个称为伪类,一个称为伪元素的原因。
伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。
注意:::before,::after必需有content属性才能显示,曾经为了这个原因耽误了几个小时的时间,一直在查怎么不能套用
未经允许不得转载:Windy's Blog » css伪元素伪类用法备忘