在 CSS 的选择器中使用哪个元素给文本的第一行添加特殊样式
使用 :first-line 元素给文档中元素的第一行添加特殊效果。
示例
你可以尝试运行以下代码给文本的第一行添加特殊样式
<html> <head> <style> p:first-line { text-decoration: underline; } p.noline:first-line { text-decoration: none; } </style> </head> <body> <p class = "noline"> This line would not have any underline because this belongs to nline class.</p> <p>The first line of this paragraph will be underlined as defined in the CSS rule above. Rest of the lines in this paragraph will remain normal. This example shows how to use :first-line pseduo element to give effect to the first line of any HTML element.</p> </body> </html>
广告