在 CSS 中哪个元素用于为选择器中的文本的首字母添加特殊样式


使用 :first-letter 元素为文档中元素的首字母添加特殊效果。您可以尝试运行以下代码,为文本的首字母添加特殊样式 −

示例

在线演示

<html>
   <head>
      <style>
         p:first-letter {
            font-size: 5em;
         }
         p.normal:first-letter {
            font-size: 10px;
         }
      </style>
   </head>
   <body>
      <p class="normal"> First character of this paragraph will be normal and will have font size 10 px;</p>
      <p>The first character of this paragraph will be 5em big as defined in the CSS rule above. Rest of the characters in this paragraph will remain normal. This example shows how to use :first-letter pseduo element to give effect to the first characters of any HTML element.</p>
   </body>
</html>

更新于:13-Mar-2020

83 次浏览

开启你的职业生涯

完成课程以获得认证

开始学习
广告