css伪类是什么
时间:2021-05-20 来源:互联网
今天PHP爱好者为您带来css伪类是用于定义元素的特殊状态,它可以用于:1、设置鼠标悬停在元素上时的样式;2、为已访问和未访问链接设置不同的样式;3、设置元素获得焦点时的样式。希望对大家有所帮助。
本文操作环境:Windows7系统、css3版、Dell G3电脑。
什么是伪类?
伪类用于定义元素的特殊状态。
例如,它可以用于:
设置鼠标悬停在元素上时的样式
为已访问和未访问链接设置不同的样式
设置元素获得焦点时的样式
语法
伪类的语法:
selector:pseudo-class {
property: value;
}
锚伪类
链接能够以不同的方式显示:
实例
/* 未访问的链接 */
a:link {
color: #FF0000;
}
/* 已访问的链接 */
a:visited {
color: #00FF00;
}
/* 鼠标悬停链接 */
a:hover {
color: #FF00FF;
}
/* 已选择的链接 */
a:active {
color: #0000FF;
}
注意:a:hover 必须在 CSS 定义中的 a:link 和 a:visited 之后,才能生效!a:active 必须在 CSS 定义中的 a:hover 之后才能生效!伪类名称对大小写不敏感。
伪类和 CSS 类
伪类可以与 CSS 类结合使用:
当您将鼠标悬停在例子中的链接上时,它会改变颜色:
实例
a.highlight:hover {
color: #ff0000;
}
以上就是css伪类是什么的详细内容,更多请关注php爱好者其它相关文章!
相关阅读更多 +
-
燕云十六声花月天真多少钱-花月天真价格多少 2025-06-07
-
币安怎么购买GMT币?GMT币购买教程与币安binance下载入口 2025-06-07
-
燕云十六声花月天真好看吗-花月天真皮肤 2025-06-07
-
燕云十六声花月天真好看吗-花月天真皮肤 2025-06-07
-
绝区零2.0版本有哪些活动-绝区零周年版本活动 2025-06-07
-
她问我有车吗,我说有方向盘 2025-06-07
最近更新