CSS :first-letter 选择器


实例

选择每个 <p> 元素的首字母,并为其设置样式:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. p::first-letter {
  6. font-size: 200%;
  7. color: #8A2BE2;
  8. }
  9. </style>
  10. </head>
  11. <body>
  12. <h2>欢迎来到我的主页</h2>
  13. <p>我的名字叫唐老鸭.</p>
  14. <p>我住在 Duckburg.</p>
  15. <p>我最好的朋友是米奇.</p>
  16. </body>
  17. </html>

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

选择器
:first-letter1.09.01.01.07.0

定义和用法

::first-letter 选择器用于选取指定选择器的首字母。

注释:以下属性可与 ::first-letter 使用:

  • 字体属性
  • 颜色属性
  • 背景属性
  • 外边距属性
  • 内边距属性
  • 边框属性
  • text-decoration
  • vertical-align(只有在 float 为 ‘none’ 时)
  • text-transform
  • line-height
  • float
  • clear

相关页面

CSS 教程:CSS 伪元素

分类导航