| <html> |
| <head> |
| <style> |
| .one { color: black } |
| .one::first-line { color:green } |
| |
| ul::first-line { color:green } |
| |
| .three::first-letter { font-size:300%; } |
| .three { color: red; } |
| .three > span { color: green; } |
| |
| .four { display: inline-block; color: red; } |
| .four::first-line { color:green; } |
| </style> |
| </head> |
| <body> |
| <p class="one">All of this <span>text should be</span> green.</p> |
| |
| <ul><li>All of this text should be green. The bullet should be black.</li></ul> |
| |
| <div class="three"><span>All of this text should be green, including the big "A" first-letter.</span></div> |
| |
| <p></p> |
| |
| <div><div class="four">This text should be green.</div></div> |
