一、属性选择器
html:
<body>
<div id="box1">示例1</div>
<div id="box2">示例2</div>
<div id="box3">示例2</div>
<div id="box4">示例2</div>
</body>
css:
<style>
[id = box1] { /*选择id="box1"的标签 设置样式*/
background-color: pink;
}
</style>
二、伪元素选择器
1. first-line伪元素选择器用于为某个元素中的第一行文字使用样式。
html:
<p>我是一个段落中的第一行<br>我是第二行。</p>
css:
<style>
p::first-line { /*first-line伪元素选择器将第一行文字设为红色*/
color: red;
}
</style>
2. first-letter伪元素选择器用于为某个元素中的文字首字母或第一个字(中文或日文等汉字)使用样式。
html:
<