p :: first-letter和p :: first-letter之间有什么区别？

Question

p ::first-letter和之间有什么区别p::first-letter？

p::first-letter可以成功选择段落内的第一个字母,但p ::first-letter不能.

Answer 1

选择器p::first-letter选择内部的第一个字母,p而p ::first-letter选择子元素中的第一个字母p.

p ::first-letter相当于p *::first-letter.以下是规格说的内容:

如果由*表示的通用选择器(即没有名称空间前缀)不是简单选择器序列序列的唯一组件,或者后面紧跟伪元素,则可以省略*并隐含通用选择器的存在.

注意:尽管selector(p ::first-letter)本身指向所有子元素中的第一个字母,但::first-letter选择器仅适用于块或内联块元素,因此span除非对其display进行修改,否则它不适用于a .

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>