您的位置：编程学 > css :link CSS :link 选择器

css :link CSS :link 选择器

2023-03-13 16:18 CSS参考手册

css :link

CSS :link 属性用于定义未被访问的链接的样式。它是一个伪类，可以用来改变未被访问的链接的外观，以便与已被访问的链接形成对比。

a:link { 
    color: #FF0000; 
}

上面的代码将所有未被访问的链接显示为红色。在 CSS 中，还有其他几个伪类，可以用来定义不同状态下链接的样式：

a:visited { 
    color: #00FF00; 
} 
a:hover { 
    color: #FF00FF; 
} 
a:active { 
    color: #0000FF; 
}

上面代码中，a:visited 用于定义已被访问过的链接样式；a:hover 用于定义当用户将鼠标划过时显示的样式；a:active 用于定义当用户单击时显示的样式。

CSS 选择器参考手册

选择未被访问的链接，并设置其样式：

a:link
{ 
background-color:yellow;
}

亲自试一试

IE	Firefox	Chrome	Safari	Opera

所有主流浏览器都支持 :link 选择器。

:link 选择器用于选取未被访问的链接。

注释：:link 选择器不会设置已经访问过的链接的样式。

提示：请使用 :visited 选择器对指向已访问页面的链接设置样式，:hover 选择器用于设置鼠标指针浮动到链接上时的样式，:active 选择器用于设置点击链接时的样式。

选择未访问、已访问、悬浮和活动链接，并设置它们的样式：

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

亲自试一试

为链接设置不同的样式：

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

亲自试一试