使用css :link选择器选择未访问的链接样式

分类:知识百科 日期: 点击:0

css :link选择器

CSS :link选择器可以用来选择未访问的链接样式。它可以用来定义当用户第一次浏览网页时,链接的样式。

a:link {
  color: #FF0000;
}

上面的代码表示,当用户第一次浏览网页时,所有的链接的颜色都是红色。

除了 :link 选择器,还有 :visited 选择器可以用来定义已访问过的链接样式:

a:visited {
  color: #00FF00;
}

上面的代码表示,当用户第一次浏览网页,点击链接,访问了该链接,那么链接的颜色将会变成绿色。

还有 :hover 选择器可以用来定义当用户将鼠标悬停在链接上时的样式:

a:hover {
  color: #0000FF;
}

上面的代码表示,当用户将鼠标悬停在链接上时,链接的颜色将会变成蓝色。

还有 :active 选择器可以用来定义当用户点击链接时的样式:

a:active {
  color: #FF00FF;
}

上面的代码表示,当用户点击链接时,链接的颜色将会变成紫色。

使用 :link 选择器可以很容易地定义未访问的链接样式,而 :visited、:hover 和 :active 选择器则可以用来定义已访问、鼠标悬停和点击时的链接样式。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。