Ignore ::first-letter from ancestors in grids and flexboxes

LayoutTests/css3/flexbox/flexbox-ignore-container-firstLetter.html

Index: LayoutTests/css3/flexbox/flexbox-ignore-container-firstLetter.html
diff --git a/LayoutTests/css3/flexbox/flexbox-ignore-container-firstLetter.html b/LayoutTests/css3/flexbox/flexbox-ignore-container-firstLetter.html
index 48aa5bbcb64fe3a097555e2406d835ef433ccd16..57e89a0e2aab814d53c3d2776079ef28ffe2eb52 100644
--- a/LayoutTests/css3/flexbox/flexbox-ignore-container-firstLetter.html
+++ b/LayoutTests/css3/flexbox/flexbox-ignore-container-firstLetter.html
@@ -3,7 +3,7 @@
 <link href="resources/flexbox.css" rel="stylesheet">
 <style>
     .container::first-letter { line-height: 100px; }
-    .flexbox::first-letter { line-height: 200px; }
+    .flexboxFirstLetter::first-letter { line-height: 200px; }
     p { line-height: 20px; }
 </style>
 
@@ -12,6 +12,13 @@
 <p>This test flex item should ignore container's firstLetter pseudo element.</p>
 
 <div class="container">
+    <div class="flexbox flexboxFirstLetter">
+        <p data-expected-height=20>The first item.</p>
+        <p data-expected-height=20>The second item.</p>
+    </div>
+</div>
+
+<div class="container">
     <div class="flexbox">
         <p data-expected-height=20>The first item.</p>
         <p data-expected-height=20>The second item.</p>