Übergeordnetes Element beeinflussen

Status
Nicht offen für weitere Antworten.

PuReSteeL

Erfahrenes Mitglied
Hallo,

ich habe ein an sich leicht zu lösendes Problem, jedoch würde es mich interessieren, ob es noch eine andere Möglichkeit gibt, die dann, für die Praxis gesehen, noch simpler wäre.

Sagen wir, ich hätte mehrere Links auf einer Seite, die, statt mit der Standardlinie mit einer gestrichelten Linie dekoriert werden sollen.

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Linktest</title>
<style media="screen" type="text/css">
a:link {    
    text-decoration: none;
    border-bottom: 1px dashed red;
}
a:link img {
    border: none;
}

</style>
</head>

<body>
  <div>
    <a href="#">text</a>
    <a href="#"><img src="web.gif" alt="bildlink" width="24" height="24" /></a>
  </div>
</body>
</html>

An sich kein Problem, wenn man jedem Link eine CSS-Klasse zuweist, welches anders formatiert sein soll, die dann als Eigenschaft border:none; beinhaltet, nur möchte ich nicht an unzähligen Stellen das class-Attribut hinzufügen.

Wenn also irgendwer weiß, wie ich eine HTML-Tag, welches vor einem Anderem kommt, beeinflussen kann, wäre ich dankbar.

Viele Grüße
Heiko
 
Übergeordnet war schon richtig, denn das IMG liegt innerhalb des A-Tags und eben das A-Tag möchte ich beeinflussen, wenn ein IMG in ihm liegt.
 
Status
Nicht offen für weitere Antworten.
Zurück