您当前的位置:网站首页>CSS>css伪类选择器介绍 找CSS教程就上ki4.cc (>^ω^<),css,伪类选择器

css伪类选择器介绍 找CSS教程就上ki4.cc (>^ω^<),css,伪类选择器

2020年07月02日 投稿作者: 围观人数:33

一文搞懂 flex中的自动 margin 找CSS教程就上ki4.cc (>^ω^<)

为了引出本文的主题,先看看这个问题,最快水平垂直居中一个元素的方法是什么?水平垂直居中也算是 CSS 领域最为常见的一个问题了,不同场景下的方法也各不相同,各有优劣。嗯,下面这种应该算是最便捷的了

伪类选择器:

(推荐学习:css快速入门)

1、link、hover、active、visited

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

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

纯 CSS 如何实现实现鼠标跟随效果?(代码详解) 找CSS教程就上ki4.cc (>^ω^<)

鼠标跟随,顾名思义,就是元素会跟随着鼠标的移动而作出相应的运动。通常而言,CSS 负责表现,JavaScript 负责行为。而鼠标跟随这种效果属于行为,要实现通常都需要借助 JS。

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伪类选择器介绍的详细内容,更多请关注ki4导航其它相关文章!

CSS3变形-旋转实现4色花-案例解析(代码实例) 找CSS教程就上ki4.cc (>^ω^<)

本文教大家使用CSS3变形实现漂亮的4色花,并且使用纯DIV+CSS附加说明,有兴趣的可以学习学习!

标签

版权说明
免责声明:本文文章内容由ki4导航网发布,但不代表本站的观点和立场,具体内容可自行甄别.