css - 如何选择其中的第一个字符标签

Answer 1

:first-letter不适用于内联元素，例如i. :first-letter适用于块元素，例如段落、表格标题、表格单元格、列表项或inline-block应用了该属性的那些元素。

<div>
    <p>
       <i>Sample text</i>
    </p>
</div>

css

i { display: inline-block; }

div p:last-child i:first-child:first-letter { font-weight: bold }

检查jsfiddle

Answer 2

第一行仅在块容器框中有意义，因此 ::first-letter 伪元素仅对显示值为 block、inline-block、table-cell、list-item 或 table- 的元素有影响标题。在所有其他情况下，::first-letter 无效。

---

https://developer.mozilla.org/en-US/docs/CSS/::first-letter