blob: 2d5fc5ff1d74cc48b33c4576cc929f38923dfb14 [file] [log] [blame]
<style>
#first-letter:first-letter {
color: black;
}
.green #first-letter:first-letter {
font-size: xx-large;
}
#first-line:first-line {
color: black;
}
.green #first-line:first-line {
font-size: xx-large;
}
.green #first-line-inherit:first-line {
font-size: xx-large;
}
.green input::placeholder {
color: green;
}
</style>
<body>
<div id="first-letter">
The first letter in this sentence should be larger than the rest.
</div>
<div id="first-line">
This sentence should be extra-extra-large.
</div>
<div id="first-line-inherit">
<span>This sentence should be extra-extra-large too.</span>
</div>
<input type="search" placeholder="This should be green">
<script>
var target = document.body;
target.offsetTop;
target.className = "green";
</script>
</body>