blob: 72567123af48280d206b9c40582395f9738424ad [file] [log] [blame]
<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>