初级了解css3伪类选择器

在 CSS3 中,选择器是一种模式,用于选择需要添加样式的元素。

先来了解一下css3选择器的分类  css3选择器包括五种选择器(1.基本选择器 2.层次选择器 3.伪类选择器 4.伪元素5.属性选择器),伪类选择器简单来说就是同一个标签,根据其不同的种状态,有不同的样式,这就叫做“伪类”。伪类用冒号来表示,伪类选择器分为两种,一种是静态伪类,只能用于超链接的样式,一种是动态伪类,针对所有标签都适用的样式。

先来认识一下静态伪类,它只能用于超链接a标签,a标签有四种伪类

:link     设置超链接a在未被访问前的样式

:visited  设置超链接a在其链接地址以被访问过时的样式

:hover  设置鼠标悬停时的样式

:active  设置鼠标激活状态的样式

还有一种是动态伪类,适用于所有标签。

:hover “悬停”:鼠标放到标签上的时候

:active “激活”: 鼠标点击标签,但是不松手时。

:focus 是某个标签获得焦点时的样式(比如某个输入框获得焦点)

你可能感兴趣的:(初级了解css3伪类选择器)