首页 >web前端 >css教程 > 正文

css伪类选择器介绍

转载2020-07-01 17:01:1601015
第12期线上培训班

伪类选择器:

(推荐学习:css快速入门

1、link、hover、active、visited

a:link(未访问的链接状态),用于定义了常规的链接状态。

a:hover(鼠标放在链接上的状态),用于产生视觉效果。

a:active(在链接上按下鼠标时的状态)。

a:visited(已访问过的链接状态),可以看出已经访问过的链接。

a:link{color: black}
a:hover{color: yellow}
a:active{color: blue}
a:visited{color: red}
 
<a href="#">Nick</a>

2、before、after

P:before 在每个<p>元素的内容之前插入内容。

P:after 在每个<p>元素的内容之后插入内容。

p {
    color: yellow;
}
p:before{
    content: "before...";
}
p:after{
    content: "after...";
}

<p> Nick </p>

以上就是css伪类选择器介绍的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:css 伪类选择器
  • 本文转载于:csdn,如有侵犯,请联系a@php.cn删除
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • Css3入门基础视频教程Css3入门基础视频教程
  • Css3入门视频教程Css3入门视频教程
  • CSS视频教程-玉女心经版CSS视频教程-玉女心经版
  • CSS3 极速入门CSS3 极速入门
  • 视频教程分类