伪元素:可以用来选择元素的某些部分,这些部分可能不便于包围在div或span中,也不方便用其他方法来选择.
例如 first-letter伪元素可以用来选择一个块元素中文本的第一个字母,这样就能创建诸如首字母大写和首字母
下沉等效果.另外可以使用first-line伪元素选择段落的第一行.
效果图如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS选择器:伪元素</title>
<!-- 1.更多CSS选择器
伪元素:可以用来选择元素的某些部分,这些部分可能不便于包围在div或span中,也不方便用其他方法来选择.
例如 first-letter伪元素可以用来选择一个块元素中文本的第一个字母,这样就能创建诸如首字母大写和首字母
下沉等效果.另外可以使用first-line伪元素选择段落的第一行.
-->
<style type="text/css">
p:first-letter{
font-size: 50px;
color: red;
}
p:first-line{
font-style: italic;
/* 这里将段落的第一个字母放大,另外把第一行设置为斜体 */
}
</style>
</head>
<body>
<div>
<p>
The word is easy !
</p>
</div>
</body>
</html>