Beispiel:CSS universalselektor2.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html lang="de">

 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>CSS-Beispiel: Universalselektor</title>
   <style>
     p         { line-height: 1.7; }
     a         { padding: .3em; }
     small     { display: block; }
     p a       { color: blue!important; }
     P * a     { background: silver; }
     p > * > a { border: medium solid red; }
   </style>
 </head>
 <body>

Verwendung des Universalselektors

Dieser Textabsatz enthält ein <a href="#">Linkelement (Kind des Absatzes)</a>. In einem Spanelement befindet sich ein <a href="#">weiterer Link</a>. Er ist ein Enkelkind des Absatzes. Small-Elemente enthalten nebensächliche Informationen. Auch in ihnen können sich weitere Elemente mit noch <a href="#">tiefer verschachtelten Links</a> befinden.

 </body>

</html>