CSS入门学习笔记（三）：伪类和伪元素选择器

最新推荐文章于 2024-08-18 23:31:20 发布

若数

最新推荐文章于 2024-08-18 23:31:20 发布

阅读量201

点赞数 1

分类专栏：零基础入门web前端文章标签： css html 伪类伪元素选择器

本文链接：https://blog.csdn.net/Karven_/article/details/89145974

版权

零基础入门web前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

详细学习链接
third.html:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>css 伪类</title>
        <link rel="stylesheet" href="third.css">
    </head>
    <body>
        <h3>CSS 伪类测试</h3>

        <a href="https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_pseudo-elements">伪类选择器学习链接</a>
    </body>
</html>

third.css:

body {
    background-color: lightslategray;
}

a {
    color: blue;
    font-weight: bold;
}

/* 使得颜色像点击以前一样 */
a:visited {
    color: blue;
}

/* 当鼠标悬浮在链接上时链接样式： */
a:hover,
a:active,
a:focus {
    color: darkred;
    text-decoration: none;
}

/* 伪元素 */
[href^="http"]::after {
    content:'这是一个链接';
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

若数

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS入门学习笔记（三）：伪类和伪元素选择器

详细学习链接third.html:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css 伪类</title> <link rel="stylesheet" href="third.css"...
复制链接

扫一扫