CSS细节问题总结------伪类

伪类

CSS伪类是用来添加一些选择器的特殊效果。

CSS细节问题总结------伪类_第1张图片

(1)伪类可以与 CSS 类配合使用:

a.red:visited{color:#FF0000;}

css

(2)first - child伪类

使用 :first-child 伪类来选择元素的第一个子元素

1、匹配第一个

元素

CSS细节问题总结------伪类_第2张图片

2、匹配所有

元素中的第一个元素

CSS细节问题总结------伪类_第3张图片

(3)input:focus伪类

CSS细节问题总结------伪类_第4张图片

(4)启用和禁止的表单


CSS细节问题总结------伪类_第5张图片

(5):before 伪元素

":before" 伪元素可以在元素的内容前面插入新内容。 

CSS细节问题总结------伪类_第6张图片

(6):after 伪元素

":after" 伪元素可以在元素的内容之后插入新内容。

(7)所有CSS伪类\元素

www.runoob.com/css/css-pseudo-classes.html

你可能感兴趣的:(CSS细节问题总结------伪类)