Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(34)

Side by Side Diff: LayoutTests/fast/css/first-letter-different-renderers.html

Issue 207553007: Apply the correct style to first-letter pseudo elements composed of different renderers (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Address comments from the latest review Created 6 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <html>
2 <head>
3 <style>
4 h1 { margin: 8px 0px; font-size: 18px; }
5 div, p, ul { margin: 0px; font-size: 14px; }
6 .firstLetterBlock:first-letter, ul li:first-letter { font-size:16px; font-we ight: bold; color: red; }
7 ul li { list-style-type: none; }
8 </style>
9 </head>
10 <body>
11 <div>
12 <h1>Paragraphs with only one character</h1>
13 <div>
14 <p class="firstLetterBlock">A</p>
15 <p class="firstLetterBlock"><b>B</b></p>
16 <p class="firstLetterBlock"><em><b>C</b></em></p>
17 </div>
18 <h1>Paragraphs with leading spaces</h1>
19 <div>
20 <p class="firstLetterBlock">&nbsp;Appetizers</p>
21 <p class="firstLetterBlock">&nbsp;<a href="#">Starters:</a> Soups & Salads </p>
22 <p class="firstLetterBlock">&nbsp; &nbsp; Main Course: <a href="#">Pasta</ a></p>
23 <p class="firstLetterBlock">&nbsp;<a ref="#">&nbsp;</a>&nbsp; Dessert: <a href="#">Pasta</a></p>
24 </div>
25 <h1>Multiple paragraphs inside nested blocks (only the first one should get the first-letter)</h1>
26 <div class="firstLetterBlock">
27 <div>
28 <p>&ldquo;(A)&rdquo;: Appetizers</p>
29 <p>&ldquo;(<a href="#">B</a>)&rdquo;: <a href="#">Starters:</a> Soups & Salads</p>
30 <p>&ldquo;<b>(</b><a href="#">C</a><b>)</b>&rdquo;: Main Course: <a href ="#">Pasta</a></p>
31 </div>
32 </div>
33 <h1>List with spaces after the leading dot</h1>
34 <ul>
35 <li>&middot; Appetizers</li>
36 <li>&middot;&nbsp;<a href="#">Starters:</a> Soups & Salads</li>
37 <li>&middot; Main Course: <a href="#">Pasta</a></li>
38 </ul>
39 <h1>List without spaces after the leading dot</h1>
40 <ul>
41 <li>&middot;Appetizers</li>
42 <li>&middot;<a href="#">Starters:</a> Soups & Salads</li>
43 <li>&middot;Main Course: <a href="#">Pasta</a></li>
44 </ul>
45 <h1>first-letter with multiple punctuation characters</h1>
46 <ul>
47 <li>&ldquo;(A)&rdquo;: Appetizers</li>
48 <li>&ldquo;(<a href="#">B</a>)&rdquo;: <a href="#">Starters:</a> Soups & S alads</li>
49 <li>&ldquo;<b>(</b><a href="#">C</a><b>)</b>&rdquo;: Main Course: <a href= "#">Pasta</a></li>
50 <li><q><b>(</b><a href="#">D</a><b>)</b></q>: Desserts</li>
51 </ul>
52 </div>
53 </body>
54 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698