百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> css伪类选中器介绍
分享文章到:

css伪类选中器介绍

发布时间:09/01 来源:未知 浏览: 关键词:

伪类选中器:

(引荐学习: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伪类选中器介绍的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板