根据元素不同的状态选择元素。
伪元素名 描述
:first-letter 选择文本的首字母
:first-line 选择文本的首行
:after 在元素后面添加内容
:before 在元素前面添加内容
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
p:first-letter{
font-size: 24px;
color: red;
}
p:first-line{
color: green;
}
p:before{
content: url("右三角.jpg");
}
p:after{
content: url("左三角.jpg");
}
</style>
</head>
<body>
<h1>选择器总结</h1>
<p>1 元素选择器,按照标签名选择</p>
<p>2 id选择器,按照id属性选择</p>
<p>3 类选择器,按照class属性选择</p>
<p>4 属性选择器,按照指定属性选择</p>
<p>5 关系选择器,按照元素的关系选择<br>
E F:选择E元素的后代元素F<br>
E > F:选择E元素的直接后代元素F<br>
E + F:选择E元素的第一个弟元素F<br>
E ~ F:选择E元素的所有弟元素F
</p>
</body>
</html>