美文网首页
CSS:hover选择器

CSS:hover选择器

作者: 3745e2022a1d | 来源:发表于2017-08-24 10:11 被阅读0次

:link选择器设置指向未被访问页面的链接的样式
:visited 选择器用于设置指向已被访问的页面的链接
:active 选择器用于活动链接。
注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。

例1:
选择未访问、已访问、悬浮和活动链接,并设置它们的样式:

a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:red;}
a:active  {color:yellow;}

例2:
为链接设置不同的样式:

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

相关文章

网友评论

      本文标题:CSS:hover选择器

      本文链接:https://www.haomeiwen.com/subject/bgmsdxtx.html