Pseudo classes as selectors

<html>
<head>
<title>CSS tutorial</title>
<style type="text/css">
body { color:black; }
div:first-child { color:green; }
div *+* { color:black; }
a:link { color:blue; }
a:visited { color:purple; }
a:active { color:red; }
input:focus { background-color:yellow; }
p:hover { background-color:gray; }
:lang(en) > q { background-color:black; color:white; }  
</style>
</head>
<body>

<div>

<p>style: <i>div:first-child { color:#222; }</i></p>

<p><a href="http://www.brenkoweb.com" target="_blank">style: <i>a:link { color:blue; }, a:visited { color:purple; }, a:active { color:red; }</i></a></p>

<p><input value="style: input:focus { background-color:yellow; }" size="50" /></p>

<p lang="en">style: <i>:lang(en) > q { background-color:black; color:white; }</i></p>

<p>style to all: <i>p:hover { background-color:gray; }</i></p>

</div>

</body>
</html>
Pseudo classes as selectors

Comments

About

Contact

Get Connected
