p::first-letter
和p ::first-letter
有什么区别?
p::first-letter
可以成功选择段落内的第一个字母,但p ::first-letter
不能。
p::first-letter
和p ::first-letter
有什么区别?
p::first-letter
可以成功选择段落内的第一个字母,但p ::first-letter
不能。
p::first-letter
选中了标签内的第一个字母,而p ::first-letter
则选中了
标签子元素内的第一个字母。
p ::first-letter
等同于p *::first-letter
。以下是规范中的说明:
注意:尽管选择器(如果由*(即没有命名空间前缀)表示的通用选择器不是一系列简单选择器选择器中的唯一组件,或者紧跟着一个伪元素,则可以省略*,并暗示通用选择器的存在。
p ::first-letter
)本身指向所有子元素内的第一个字母,但::first-letter
选择器仅适用于块级元素或内联块级元素,因此除非修改其display
属性,否则无法在上使用该选择器。
p ::first-letter {
color: red;
}
p::first-letter {
color: blue;
}
span{
display: inline-block;
}
<p>Some text <span>inside a span</span> and <span>inside this span too</span>
</p>
p ::first-letter
表示更改 p 元素的任何后代元素的第一个字母的样式。而 p::first-letter
表示更改 p 元素的第一个字母。