css - p.class :first-line does not work

Question

我正在尝试使用 :first-line 伪选择器，但它似乎不起作用，而且我无法弄清楚原因。我也尝试过使用::first-line 但无济于事。 (注意，这与边界半径无关)。

p.intro:first-line {
  text-transform: uppercase;
}

<p class="intro">Instead of attempting to cover the full range of <abbr title="Cascading Style Sheets">CSS</abbr> selectors, I think it makes sense to begin with a subset of the most widely supported. The <a href="http://www.quirksmode.org/css/contents.html">compatibility charts compiled by Peter-Paul Koch</a> provide
  detailed support information.</p>

Answer 1

我只在 Chrome 中看到这个问题。显然有一个尚未修复的错误:https://code.google.com/p/chromium/issues/detail?id=129669

此 SO post 中提出了一个解决方法它说你可以使用 https://github.com/octopi/Linify 使用 jquery 插件获得效果。本质上，使用 linify 选择第一行，然后将 text-transform: uppercase 属性应用于第一行。