在 CSS3 中,选择器是一种模式,用于选择需要添加样式的元素。
先来了解一下css3选择器的分类 css3选择器包括五种选择器(1.基本选择器 2.层次选择器 3.伪类选择器 4.伪元素5.属性选择器),伪类选择器简单来说就是同一个标签,根据其不同的种状态,有不同的样式,这就叫做“伪类”。伪类用冒号来表示,伪类选择器分为两种,一种是静态伪类,只能用于超链接的样式,一种是动态伪类,针对所有标签都适用的样式。
先来认识一下静态伪类,它只能用于超链接a标签,a标签有四种伪类
:link 设置超链接a在未被访问前的样式
:visited 设置超链接a在其链接地址以被访问过时的样式
:hover 设置鼠标悬停时的样式
:active 设置鼠标激活状态的样式
还有一种是动态伪类,适用于所有标签。
:hover “悬停”:鼠标放到标签上的时候
:active “激活”: 鼠标点击标签,但是不松手时。
:focus 是某个标签获得焦点时的样式(比如某个输入框获得焦点)