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