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

Question

Select-Object和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。以下是specs所说的内容：

  

如果由*表示的通用选择器（即没有名称空间前缀）不是简单选择器序列序列的唯一组件，或者后面紧跟伪元素，那么*可以省略并且通用选择器＆＃ 39;存在暗示。

注意：即使选择器（p ::first-letter）本身指向所有子元素中的第一个字母，::first-letter选择器也仅适用于块或内联块元素除非span被修改，否则不会对display起作用。

＆＃13;

＆＃13;

p ::first-letter {
  color: red;
}
p::first-letter {
  color: blue;
}

span{
  display: inline-block;
}

＆＃13;

<p>Some text <span>inside a span</span> and <span>inside this span too</span>
</p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

p ::first-letter表示更改任何元素的第一个字母的样式，该元素是p的后代。而p::first-letter表示更改p元素的第一个字母。