：第一封信不与强者合作

Question

我放弃了。为什么：第一封信不在这里工作？

strong {
  font-weight: bold;
  color: blue;
}
strong:first-letter {
  color: red;
}

<strong>test test</strong>

Answer 1

除了其他答案之外，它（至少在Chromium中）也适用于display: inline-block的元素，因此display只需要inline以外的其他内容（包括{{3} }}），例如：

strong {
    font-weight: bold;
    color: blue;
    display: inline-block;
}
strong::first-letter {
    color: red;
}

list-item

此外，::first-letter是一个伪元素，因此语法应该是双冒号而不是单个冒号，以区分选择器和伪类。

Answer 2

first-letter不适用于内联元素，仅适用于块元素。

Answer 3

first-letter只能与块元素一起使用。

这样可行，但问题是块级strong的用途是多少：

http://jsfiddle.net/UZpLG/

strong {
  font-weight: bold;
  color: blue;
  display: block;
}
strong:first-letter {
  color: red;
}


<strong>test test</strong>

Answer 4

这是JSBin

：第一个字母不适用于内联元素

使用此修改CSS，在强大{...}

中添加 display：block

strong {
  font-weight: bold;
  color: blue;
  display: block;
}
strong:first-letter {
  color: red;
}

Answer 5

您应该阅读Note: The "first-letter" selector can only be used with block-level elements.

和Block-level elements

和示例http://jsfiddle.net/eLvWt/6/

strong {
    display:block;
    color:green;
}

strong:first-letter {
  color: red;
}

注意：请忽略我的答案，因为它已经过时了。