最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

CSS伪元素: first-letter和first-line的用法

CSS学习系列 林雍岷 188浏览

first-letter和first-line的用法:定义元素中的第一个字符或多行元素的第一行。::first-line 伪元素只能在块容器中,所以,::first-line伪元素只能在一个display值为block, inline-block, table-cell 或者 table-caption中有用。::first-letter会选中某 block-level element(块级元素)第一行的第一个字母,并且文字所处的行之前没有其他内容(如图片和内联的表格) 。

1、p.letter::first-letter{
font-size:75px;
font-weight:bold;
font-family:”微软雅黑”;

—-
line-height:0;
margin-right:3px;
}

2、p.line::first-line{
font-weight:bold;
color:red;
}

转载请注明:林雍岷 » CSS伪元素: first-letter和first-line的用法