| <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> |