Attributbedingte Selektoren

Eine weitere Möglichkeit, mit einem Selektor nicht "alle Elemente" mit bestimmtem Elementnamen zu meinen, sondern nur bestimmte, besteht darin, in den Elementen enthaltene Attribute und sogar Wertzuweisungen bei der Selektion zu berücksichtigen. Dazu müssen die Elemente natürlich mit entsprechenden Attributen ausgestattet sein. Ein weiteres vollständiges Listing eines HTML-Dokuments mit zentralen CSS-Definitionen soll diese Einsatzmöglichkeit demonstrieren:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; 
                  charset=ISO-8859-1">
<style type="text/css">
p {
   margin-left:25px;
}
p.Melanie {
   margin-left:10px;
   font-weight:bold;
   color:blue;
}
p.Ute {
  margin-left:10px;
  font-weight:bold;
  color:red;
}
cite[lang] {
  font-style:italic;
}
cite[lang=en] {
  color:blue;
}
cite[lang=de] {
  color:red;
}
</style>
<title>Formatdefinitionen</title>
</head>
<body>
   <p class="Melanie">Melanie:</p>
   <p><cite lang="en">Excuse me, can you tell me the way 
                      to the main station?</cite></p>
   <p class="Ute">Ute:</p>
   <p><cite lang="de">Mein Englisch ist schlecht - äh</cite> 
      <cite lang="en">my english is bad!</cite></p>
   <p class="Melanie">Melanie:</p>
   <p><cite lang="en">Ah, sorry,</cite> 
      <cite lang="de">Hauptbahnhof -</cite> 
      <cite lang="en">where?</cite></p>
   <p class="Ute">Ute:</p>
   <p><cite lang="de">Ah - gleich da vorne!</cite> 
      <cite lang="en">there!</cite></p>
</body>
</html>
page_revision: 6, last_edited: 1210412370|%e %b %Y, %H:%M %Z (%O ago)
EditRate (0)TagsDiscuss History Files Print Site tools+ Options