CSS进阶（二十）:first-letter :first-line

标签：生效   image   block   com   空格   let   list   选中   中文   

:first-letter

生效的前提

（1）display必须是block、inline-block、list-item、tablecell 或者 table-caption

（2）字符前面不能有图片或者 inline-block/inline-table 之类的元素 存在

（3）能够被选中的元素，数字、英文字母、中文、$、一些运算符，以 及非常容易被忽视的空格等

一些有意思的特点

（1）支持部分 display 属性值标签嵌套，inline、block、table、table-row、table-caption、tablecell、list-item 都是可以的，但是不能是 inline-block 和 inlinetable

（2）颜色等权重总是多一层

应用

电商页面价格展示的首标签

:first-line

类似于：first-letter属性

CSS进阶（二十）:first-letter :first-line

标签：生效   image   block   com   空格   let   list   选中   中文   

原文地址：https://www.cnblogs.com/goOtter/p/9822846.html