css权威指南(第三版) 第二章

最新推荐文章于 2024-01-21 20:21:34 发布

W思聪、

最新推荐文章于 2024-01-21 20:21:34 发布

阅读量147

点赞数 1

文章标签：东哥

本文链接：https://blog.csdn.net/qq_39696115/article/details/79003181

版权

1.伪类选择器
定义:已访问和未访问的,这些留恋其历史为伪类,使用这些选择器成为伪类选择器
实现链接伪类选择器
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a:link{color: red}
        a:visited{color: red}
        a:hover{color: red}
        a:active{color: red}
    </style>
</head>
<body>
       <a href="http://www.baidu.com">点击链接</a>
</body>
</html>

2.25设置文章首字母样式

<style>
        h2:first-letter{ color:red; }
        p:first-letter{ font-size: 200%; }
    </style>
</head>
<body>
     <h2>
         这是伪元素选择器
     </h2>
     <p>这是文章标题</p>
</body>

显示结果
这里写图片描述
2.26让文章第一行变为紫色等多种样式
p:first-line{ color: yellow; }

<style>
        h2:first-letter{ color:red; }
        p:first-line{  color: yellow; }
    </style>
</head>
<body>
     <h2>
         这是伪元素选择器
     </h2>
     <p>这是文章标题<br>
         jfajsdjfjsdfde
     </p>
</body>

W思聪、

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css权威指南(第三版) 第二章

1.伪类选择器定义:已访问和未访问的,这些留恋其历史为伪类,使用这些选择器成为伪类选择器实现链接伪类选择器 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {c
复制链接

扫一扫