[webkit-dev] The style defined in flex container's pseudo-elements ::first-line or ::first-letter should not apply to flex item.

Huang,Xueqing huangxueqing at baidu.com
Tue Dec 18 07:25:37 PST 2012


Hi webkit forks:
    In webkit, it's wrong taht flex item apply the style defined in flex container's pseudo-elements ::first-line or ::first-letter, test case as:
    <style> 
        div { display: -webkit-flex;  display: -moz-flex; display: flex; } 
        div::first-line { font-size: 10em;} 
        p:first-child { -webkit-order: 1; -moz-order: 1; order: 1;}
    </style>
    <div>
        <p>The first item.</p>
        <p>The second item.</p>
    </div>

    "The first item" should not apply "font-size: 10em;", spec[1] said that "None of the properties defined in this module apply to the ‘::first-line’ or ‘::first-letter’ pseudo-elements.". opera 12.11, firefox 20 alpha and IE 10 were correct.
    I filed two separated bugs and attached patchs to fix this in [2] and [3]. Please feel free to comment them.

    [1]http://dev.w3.org/csswg/css3-flexbox/#display-flex
    [2]https://bugs.webkit.org/show_bug.cgi?id=104485
    [3]https://bugs.webkit.org/show_bug.cgi?id=105126


More information about the webkit-dev mailing list