html - :first-letter 不适用于强

Question

我放弃。为什么 :first-letter 在这里不起作用？

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

<strong>test test</strong>

Answer 1

除了其他答案之外，它还（至少在 Chromium 中）与带有 的元素一起使用display: inline-block，因此它必须是（包括）display以外的任何东西，例如：inlinelist-item

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

JS 小提琴演示。

此外，::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

:first-letter不适用于内联元素

用这个修改你的 CSS，在你的strong{...}中添加display:block

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

Answer 5

您应该阅读注意：“首字母”选择器只能用于块级元素。

和块级元素

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

strong {
    display:block;
    color:green;
}

strong:first-letter {
  color: red;
}

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