:first-letter 偽元素 · CSS基礎

## :first-letter 偽元素 ## 定義和用法 :first-letter選擇器用來指定元素第一個字母的樣式。 :first-letter是偽元素，它生成包含元素的第一個字母的偽元素。 :first-letter樣式是元素的第一個字母。任何引導標點符號都應與第一個字母一起設置樣式。在CSS2.1之前，:first-letter可以只附加到塊級元素。CSS2.1擴展其范圍，包括塊，列表項，表調用，表標題和內聯塊元素。可以應用到首字母的屬性是有限的。 **例子：** ~~~ h1:first-letter {font-size: 166%;} p:first-letter {text-decoration: underline;} ~~~ **提示:** :first-letter選擇器可以使用以下屬性：? * font properties * color properties? * background properties * margin properties * padding properties * border properties * text-decoration * vertical-align (only if float is 'none') * text-transform * line-height * float * clear **注意:** "first-letter" 選擇器僅適用于在塊級元素中. ## 實例--每個元素的第一個字母選擇的樣式： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> p:first-letter { font-size:200%; color:#8A2BE2; } </style> </head> <body> <h1>Welcome to My Homepage</h1> <p>My name is Donald.</p> <p>I live in Duckburg.</p> <p>My best friend is Mickey.</p> </body> </html> ```