Beispiel:CSS grundlagen attribut-selektor-teilübereinstimmung.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>CSS-Beispiel: Attributselektor Teilübereinstimmung</title>
<style> 
  a[href^="https://"] { font-weight: bold }
  a[href$=".pdf"] { color: green }
  a[href*="wiki"] { font-style: italic } 
</style> 
</head> 
<body> 
<h1>Teilübereinstimmungen</h1> 
<ul> 
  <li><a href="https://example.com/">Beispiellink</a> (fett)</li> 
  <li><a href="https://example.com/example.pdf">Link zu einem PDF-Dokument</a> (fett grün)</li> 
  <li><a href="https://wiki.selfhtml.org/">Link zum selfhtml wiki</a> (fett kursiv)</li>
  <li><a href="http://example.org/WIKI/example.pdf/">Kein Selektor darf diesen Link stylen.</a></li>
</ul>
</body>
</html>