<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/*
伪元素,表示页面中一些特殊的并不真实存在的元素
伪元素使用 ::开头
::first-letter 表示第一个字母
::first-line 表示第一行
::selection 表示选中的内容
::before元素的开始
::after元素的最后
-
*/
p::first-letter{
font-size: 60px;
}
p::selection{
background-color: cadetblue;
}
div::before{
content: 'abc';
color:red;
}
</style>
</head>
<body>
<div>hello how are you</div>
<p>
Laaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</p>
</body>
</html>