CSS：首字母不起作用

CSS：首字母不起作用

::first-letter

不适用于 内联 元素（例如）

span

。

::first-letter

适用于 块
元素，如段落，表格标题，表格单元格，列表项，或那些与他们的

display

属性设置为

inline-block

。

因此，最好使用

::first-letter

a

p

代替a

span

。

p::first-letter {font-size: 500px;}

或者，如果您想要一个

::first-letter

选择器，

span

则可以这样编写：

p b span::first-letter {font-size: 500px !important;}span {display:block}

MDN 为这种非显而易见的行为提供了理由：

::first-letter

CSS伪元素选择一个块的第一行的第一个字母，如果它不是通过在其线的任何其他内容（例如图像或内联表）之前。

…

第一条线仅意在块容器箱，因此，

::first-letter

伪元素仅具有一个上的元件效果

display

的值

block

，

inline- block

，

table-cell

，

list-item

或

table-caption

。在所有其他情况下，

::first-letter

均无效。