微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪类选择器-链接伪类

a:link {color: #FF0000}                 /* 未访问的链接 */

a:visited {color: #00FF00}     /* 已访问的链接 */

a:hover {color: #FF00FF}       /* 鼠标移动到链接上 */

a:active {color: #0000FF}      /* 选定的链接 */

提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。

提示：伪类名称对大小写不敏感。

a.red : visited {color: #FF0000}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

<navigator>

链接文本文字

</navigator>

<navigator url='/pages/04xzq/07-weilei'>

链接文本文字

</navigator>

<navigator url='/pages/04xzq/07-weilei'>

<text>链接文本文字</text>

</navigator>

/* 向未被访问的链接添加样式。-不支持  */

navigator:link{

  color:red;

}

/* 向已被访问的链接添加样式。-不支持 */

navigator:visited{

  color:yellow;

}

/* 当鼠标悬浮在元素上方时，向元素添加样式。 */

navigator:hover{

  color:palevioletred;

}

/* 向被激活的元素添加样式。 */

navigator:active{

  color:blue;

}