mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-09-19 11:40:21 +02:00
29 lines
845 B
HTML
29 lines
845 B
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title></title>
|
||
|
|
<style type="text/css">
|
||
|
|
p:first-letter { color: red; font-weight: bold; }
|
||
|
|
.two:before { content: "Before pseudo-element! "; border: thin solid green; }
|
||
|
|
.three:after { content: "After pseudo-element!"; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<p>This is a normal paragraph. The styles herein are:</p>
|
||
|
|
|
||
|
|
<pre>
|
||
|
|
p:first-letter { color: red; font-weight: bold; }
|
||
|
|
.two:before { content: "Before pseudo-element! "; border: thin solid green; }
|
||
|
|
</pre>
|
||
|
|
|
||
|
|
<p class="two">This has class="two". The first letter style should apply
|
||
|
|
to the beginning of the generated content, so this paragraph should have
|
||
|
|
started with "<span style="color:red; font-weight: bold">B</span>efore
|
||
|
|
pseudo-element!". </p>
|
||
|
|
<p class="three"></p>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|