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