![CSS3网页设计从入门到精通(微课精编版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/800/26846800/b_26846800.jpg)
上QQ阅读APP看书,第一时间看更新
2.6 伪对象选择器
伪对象选择器主要针对不确定对象定义样式,如第一行文本、第一个字符、前面内容、后面内容。这些对象具体存在,但又无法具体确定,需要使用特定类型的选择器来匹配它们。
伪对象选择器以冒号(:)作为语法标识符。冒号前可以添加选择符,限定伪对象应用的范围,冒号后为伪对象名称,冒号前后没有空格。语法格式如下:
:伪对象名称
CSS3新语法格式如下:
::伪对象名称
提示:伪对象前面包含两个冒号,主要是为了与伪类选择器进行语法区分。
【示例1】下面示例使用:before伪对象选择器在段落文本前面添加3个字符“柳永:”,然后使用:first-letter伪对象选择器设置段落文本第一个字符放大显示,定义字体大小为24px,效果如图2.24所示。
![](https://epubservercos.yuewen.com/F92AA6/15289822105524506/epubprivate/OEBPS/Images/Figure-P56_86080.jpg?sign=1739409533-1KLCd8ShNGydyJQjdRdUV8I1JlmLG0xy-0-98e1192cab27ff5bcbb644fd81d2ad6c)
![](https://epubservercos.yuewen.com/F92AA6/15289822105524506/epubprivate/OEBPS/Images/Figure-P56_17702.jpg?sign=1739409533-3kpBFVI13UYd1wOyeO43NeuN6vOGuQil-0-d77a5f332d928d7ee2d6c13c30c0c118)
图2.24 定义第一个字符放大显示
【示例2】下面示例使用:first-letter伪对象选择器设置段落文本第一个字符放大下沉显示,并使用:first-line伪对象选择器设置段落文本第一行字符放大带有阴影显示,效果如图2.25所示。
![](https://epubservercos.yuewen.com/F92AA6/15289822105524506/epubprivate/OEBPS/Images/Figure-P56_86081.jpg?sign=1739409533-IF5InBUx09TcFtRUcOBWg0utAHtqPTdD-0-3e1362c8836851df0e494bd8f452b2ce)
![](https://epubservercos.yuewen.com/F92AA6/15289822105524506/epubprivate/OEBPS/Images/Figure-P56_17806.jpg?sign=1739409533-Fa9tEmVrwwBAZs7VxFP5SzgSJDEy0hiK-0-99729d5299e764bc047e0ea49c134dd7)
图2.25 定义第一个字符和第一行字符特殊显示