CSS 选择器
.class 选择器
#id 选择器
* 选择器
element 选择器
element.class 属性
element,element 选择器
element element 选择器
element>element 选择器
element+element 选择器
element1~element2 选择器
[attribute] 选择器
[attribute=value] 选择器
[attribute~=value] 选择器
[attribute|=value] 选择器
[attribute^=value] 选择器
[attribute$=value] 选择器
[attribute*=value] 选择器
:active 选择器
:after 选择器
:before 选择器
:checked 选择器
:default 选择器
:disabled 选择器
:empty 选择器
:enabled 选择器
:first-child 选择器
:first-letter 选择器
:first-line 选择器
:first-of-type 选择器
:focus 选择器
:fullscreen 选择器
:hover 选择器
:in-range 选择器
:indeterminate 选择器
:invalid 选择器
:lang 选择器
:last-child 选择器
:last-of-type 选择器
:link 选择器
:not 选择器
:nth-child() 选择器
:nth-last-child() 选择器
:nth-of-type() 选择器
:nth-last-of-type() 选择器
:only-of-type 选择器
:only-child 选择器
:optional 选择器
:out-of-range 选择器
::placeholder 选择器
:read-only 选择器
:read-write 选择器
:required 选择器
:root 选择器
::selection 选择器
:target 选择器
:valid 选择器
:visited 选择器
CSS 变量教程
CSS 动画
CSS 函数
:hover 选择器 - CSS常用知识记录 - 笔下光年
网站首页
:hover 选择器
### 定义和用法 `:hover` 选择器用于选择鼠标指针浮动在上面的元素。 提示：`:hover` 选择器可用于所有元素，不只是链接。 提示：`:link` 选择器设置指向未被访问页面的链接的样式，`:visited` 选择器用于设置指向已被访问的页面的链接，`:active` 选择器用于活动链接。 注释：在 CSS 定义中，`:hover` 必须位于 `:link` 和 `:visited` 之后（如果存在的话），这样样式才能生效。 ### 实例 选择鼠标指针浮动在其上的元素，并设置其样式： ```css a:hover { background-color: #33cabb; } ``` 选择未访问、已访问、悬浮和活动链接，并设置它们的样式： ```css a:link {color: blue;} a:visited {color: blue;} a:hover {color: red;} a:active {color: #33cabb;} ``` 为链接设置不同的样式： ```css a.ex1:hover,a.ex1:active {color: red;} a.ex2:hover,a.ex2:active {font-size: 150%;} ``` ### 浏览器支持 表格中的数字注明了完全支持该属性的首个浏览器版本。 | 选择器 | Chrome | IE | Firefox | Safari | Opera | |--------|--------|-----|---------|--------|-------| | :hover | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
上一篇：
:fullscreen 选择器
下一篇：
:in-range 选择器
