CSS :first-letter选择器,匹配首字母
:first-letter选择器
CSS的:first-letter选择器,可匹配查找选取指定选择器的首字母,并对该首字母进行相关的属性设置。语法如下:
ele:first-letter{attribute:vlue}
提示:attribute属性设置的是首字母的CSS样式,可以是字体属性、颜色属性、背景属性、外边距、内边距、边框、text-decoration、vertical-align、text-transform、line-height、float、clear等。
:first-letter选择器实例代码,及在线编辑器
下方实例中,将段落p元素的首字母设置为字体大小为1.5em、字体颜色为skyblue、边框为1px的样式:
<p id="fl">Hello, World!</p>
<style>
#fl:first-letter{font-size:1.5em;color:skyblue;border:1px solid orange;}
</style>