W3C home > Mailing lists > Public > public-css-testsuite@w3.org > February 2011

[RC5, pre-RC6] first-line-pseudo-011 improvements

From: Gérard Talbot <css21testsuite@gtalbot.org>
Date: Mon, 21 Feb 2011 12:32:24 -0800
Message-ID: <45d93cb20ed3df0a7dea2de10b40b88e.squirrel@cp3.shieldhost.com>
To: "fantasai" <fantasai.lists@inkedblade.net>
Cc: "Public CSS test suite mailing list" <public-css-testsuite@w3.org>
Fantasai,

http://test.csswg.org/suites/css2.1/20110111/html4/first-line-pseudo-011.htm
(RC5)

http://test.csswg.org/suites/css2.1/nightly-unstable/html4/first-line-pseudo-011.htm

http://test.csswg.org/suites/css2.1/nightly-unstable/xhtml1/first-line-pseudo-011.xht

http://test.csswg.org/source/contributors/hixie/submitted/css2.1/selector/first-line-pseudo-011.xht


Actual
------

<p>The next three boxes should look identical. (If the second and
  third look different, then margin collapsing through empty elements is
broken. Go to <a href="../margin-collapse/">these tests</a> for more
details.)</p>

Proposed replacement
--------------------

<p>The three rectangles should look <strong>identical</strong> (same 
colors, same width and same height).</p>

Personally, I would also rename class "a" to "teal" and class "c" to
"yellow".

eg.:

   .test .a { margin: 0 0 1em 0; background: teal; height: 1em; }
   .test .b { margin: 0 0 0 0; background: red; }
   .test .c { margin: 1em 0 0 0; background: yellow; height: 1em; }
.test.fl .b:first-line { color: red; }
   .control { background: red; }
   .control .a { border-top: 1em teal solid; }
   .control .b { border-top: 1em orange solid; }
   .control .c { border-top: 1em yellow solid; }

would become

   .test .teal { margin: 0 0 1em 0; background: teal; height: 1em; }
.test .b { margin: 0 0 0 0; background: red; }
   .test .yellow { margin: 1em 0 0 0; background: yellow; height: 1em; }
.test.fl .b:first-line { color: red; }
   .control { background: red; }
   .control .teal { border-top: 1em teal solid; }
   .control .b { border-top: 1em orange solid; }
   .control .yellow { border-top: 1em yellow solid; }

along with correspondent changes to the markup.

Gérard
-- 
Contributions to the CSS 2.1 test suite:
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/

CSS 2.1 test suite (RC5; January 11th 2011):
http://test.csswg.org/suites/css2.1/20110111/html4/toc.html

CSS 2.1 test suite contributors:
http://test.csswg.org/source/contributors/
Received on Monday, 21 February 2011 20:32:58 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 21 February 2011 20:33:03 GMT