A {…} /* platí pro všechny značky A*/
A [href] {…} /* jen s parametrem href */
A [href =“ hodnota“] {…} /* = rovná se (přesně) */
A [class ~=“ hodnota“] {…} /* ~= vyskytuje se v seznamu mezerou oddělených hodnot*/
A [lang |= ““] {…} /* začíná v seznamu pomlčkou oddělených hodnost */
div table tbody tr td p a [href]:hover {color:#C00}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title> </title>
<style type="text/css">
body, p, ul, li, div {margin:0;padding:0}
img {border:0}
*,p {font-size:25px;line-height:150%;}
p b {font-weight:100;font-style:italic;font-size:150%}
p {border:10px solid #111}
p:hover {border:10px dotted #111}
p:hover b {border:10px dotted #111;background:pink}
</style>
</head>
<body>
<b>ddddd </b>
<p>Lorem ipsum dolor sit amet
Consectetuer Lorem nec massa tortor
Hendrerit eu tortor Cras purus
Congue lacinia adipiscing dapibus sodales
Wisi ac et <b>Phasellus est </b>
Eget Vestibulum congue tortor hendrerit
Tincidunt sit Vestibulum Lorem Vestibulum
Tellus dignissim wisi risus risus
Dignissim libero eu condimentum nunc
Sed Vestibulum eros Curabitur eu
Augue Nullam id ut ut
Laoreet Quisque sollicitudin a nibh
Justo at nibh est interdum
Risus dolor massa vel ac
</p>
</body>
</html>
Příklad je dostupný i zde
Pozn.: Průzkumy ukázaly, že čím je koplikovanější selektor, tím prohlížeči déle trvá jeho aplikace, tedy i vykreslení stránky
A B mezera: následník (B je obsažen v A) A>B větší než: potomek (B je potomkem svého rodiče A) A+B plus: nejbližší sourozenec (A a B jsou obsaženy ve stejném prvku právě v tomto pořadí - tj. mají stejného rodiče a A je bezprostřední předchůdce B)
Pozn: mezera, > , + se nazývají kontextové kombinátory
