Beispiel:CSS grundlagen attribut-selektor-teilübereinstimmung.html
Aus SELFHTML-Wiki
<!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>