每个<p>元素的第一行选择的样式:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(cainiaoplus.com)</title> <style> p:first-line { background-color:orange; } </style> </head> <body> <h1>江南丝竹</h1> <p> 江南丝竹,曾因地区及惯有的随意性而被称为"苏南丝竹"、"吴越丝竹"等。20世纪50年代初举行的华东民间音乐汇演期间,几位关注这方面的乐人一起议论称名问题,大家最终认为"江南丝竹"一名较为适宜。于是就约定俗成了。 江南丝竹音乐真正形成是在清朝末年,一代代丝竹高手、名家将民间乐曲,古曲进行改编加工,逐渐形成其特色。它的兴起繁荣是在民国时期,距今一百多年。</p> </body> </html>测试看看 ‹/›
:first-line选择器用来指定选择器第一行的样式。
注意::first-line选择器可以使用以下属性:
font properties
color properties
background properties
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear
注意: "first-line" 选择器适用于块级元素中。
表格中的数字表示支持该属性的第一个浏览器版本号。
选择器 | |||||
---|---|---|---|---|---|
::first-line | 1.0 | 9.0 部分从5.5 | 1.0 | 1.0 | 7.0 部分从3.5 |
CSS 教程: CSS 伪元素