CSS伪元素选择器详解-优快云博客

本文链接：https://blog.youkuaiyun.com/wangming2531/article/details/109011050

伪元素选择器

特点:获取指定元素中某一部分文本而用的。
1、:first-letter
用于选取指定选择器（元素）的首字母
2、:first-line
用于选取指定选择器（元素）的首行文本
3、::selection
匹配被用户选取的部分

<!DOCTYPE html>
<html>
<head>
    <title> 伪元素选择器-:first-letter </title>
    <meta charset="utf-8" />
    <style>
        /*p:first-letter{
            font-size:36px;
            font-weight:bold;
            color:red;
        }
        div:first-line{
            background-color: blue;
        }
        ::selection{
            background-color: green;
            color:yellow;
        }*/
        p:first-letter{
		color:#999;
        font-size:36px;
		font-weight:bold;
		}
		div:first-line{		
        font-weight:bold;
		background-color:red;
		}
        ::selection{
		 background-color:red;
         color:yellow;
		}
    </style>
</head>

<body>
    <p>伪元素选择器</p>
    <div id="info">
        特点:获取指定元素中某一部分文本而用的。<br>
        1、:first-letter <br>
        用于选取指定选择器（元素）的首字母 <br>
        2、:first-line <br>
        用于选取指定选择器（元素）的首行文本 <br>
        3、::selection <br>
        匹配被用户选取的部分 <br>
    </div>
</body>
</html>