Chrome Version: 68.0.3438.3 (Official Build) dev (64-bit)
OS: Linux

What steps will reproduce the problem?
(1)load the attached testcase
(2)
(3)

What is the expected result?
As described in the testcase.

What happens instead?
It appears 'font-size' is inherited from the <div>, not the ::first-line pseudo.


The relevant spec seems very clear that the rendering in Chrome is a bug:

https://www.w3.org/TR/css-pseudo-4/#first-line-inheritance
"During CSS inheritance, the portion of a child element that occurs on the first line only inherits properties applicable to the ::first-line pseudo-element from the ::first-line pseudo-element."

https://www.w3.org/TR/css-pseudo-4/#first-line-styling
"The following CSS properties apply to a ::first-line pseudo-element:
  * all font properties (see [CSS3-FONTS])"


Fwiw, the testcase renders correctly in Firefox.
 

Deleted: first-line.html 877 bytes

first-line.html 877 bytes View Download