CSS-选择器8-A与input常用伪类

CSS选择器-系列文章

1、选择器说明

选择器	例子	例子描述	CSS
:link	a:link	选择所有未被访问的链接。	1
:visited	a:visited	选择所有已被访问的链接。	1
:active	a:active	选择活动链接。	1
:hover	a:hover	选择鼠标指针位于其上的链接。	1
:focus	input:focus	选择获得焦点的 input 元素。	2
:checked	input:checked	选择每个被选中的 input 元素。	3
:enabled	input:enabled	选择每个启用的 input 元素。	3
:disabled	input:disabled	选择每个禁用的 input 元素	3

2、效果演示

    
    
    


   测试1

   测试2

   测试3

   测试4

   测试5

   获取焦点背景变红

   鼠标经过背景变红

   激活鼠标按下背景变红

   禁用背景变红

   选择边框变红

运行效果，由于是交互效果，需要阅读者自行尝试。

CSS选择器-系列文章
下一节 CSS-选择器9-first-letter、first-line、selection