一、:first-letter选择器
在css中,我们可以使用该选择器,选中元素内容中的第一个字或者字母。
语法:元素:first-letter{}
举例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
div::first-letter
{
color: blue;
font-size: 50px;
}
</style>
</head>
<body>
<div>Hello everybody</div>
</body>
</html>
二、:first-line选择器
我们可以使用该选择器选中内容元素的第一行文字。
语法:元素:first-line{}
举例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
div::first-line
{
color: hotpink;
text-decoration: underline blue;
}
</style>
</head>
<body>
<div>Hello everybody<br/>welcome to my world</div>
</body>
</html>