mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 02:39 Benutzername: Passwort: Auto-Login

Thema: CSS: element in klasse ansprechen. vom 08.04.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS: element in klasse ansprechen.
Seite: Zurück  1, 2
Autor Nachricht
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 08.04.2008 15:49
Titel

Antworten mit Zitat Zum Seitenanfang
Man kann das Spiel aber auch noch weitertreiben
falls mans ernst meint, zB. so:

Code:
<html>
<head>
<title>CSS Erben</title>
<style type="text/css">
<!--
A {
   color:red;
}
A.theLink {
   color:blue;
}
A#theLinkId.theLink {
   color:green;
}
DIV.theDiv A {
   color:yellow;
}
DIV.theDiv A.theLink {
   color:purple;
}
DIV.theDiv A#theLinkId.theLink {
   color:pink;
}
DIV#theDivId.theDiv A {
   color:cyan;
}
DIV#theDivId.theDiv A:hover {
   color:brown;
}
DIV#theDivId.theDiv A.theLink {
   color:brown;
}
DIV#theDivId.theDiv A.theLink:hover {
   color:red;
   font-size:2em;
}
DIV#theDivId.theDiv A#theLinkId.theLink {
   color:grey;
}
DIV#theDivId.theDiv A#theLinkId.theLink:hover {
   color:grey;
   font-style:italic;
}
.iAmBold {
   font-weight:bold;
}
-->
</style>
</head>

<body>
<a href="#">Ein Link</a><br />
<a href="#" class="theLink">Ein Link mit der class 'theLink'</a><br />
<a href="#" class="theLink" id="theLinkId">Ein Link mit der class 'theLink' und der Id 'theLinkId'</a>
<div class="theDiv">
<a href="#">Ein Link innerhalb vom DIV mit der class 'theDiv'</a><br />
<a href="#" class="theLink iAmBold">Ein Link mit der class 'theLink' und 'iAmBold' innerhalb vom DIV mit der Class 'theDiv'</a><br />
<a href="#" class="theLink" id="theLinkId">Ein Link mit der class 'theLink' und der Id 'theLinkId' innerhalb vom DIV mit der class 'theDiv'</a>
</div>
<div class="theDiv" id="theDivId">
<a href="#">Ein Link innerhalb vom DIV mit der class 'theDiv' und id 'theDivId'</a><br />
<a href="#" class="theLink">Ein Link mit der class 'theLink' innerhalb vom DIV mit der class 'theDiv' und id 'theDivId'</a><br />
<a href="#" class="theLink" id="theLinkId">Ein Link mit der Class 'theLink' und der Id 'theLinkId' innerhalb vom DIV mit der class 'theDiv' und id 'theDivId'</a>
</div>
</body>
</html>


// edit: dazu dann noch mit :hover die sich gegenseitig ergänzen muahaha

Zuletzt bearbeitet von zweitaccount am Di 08.04.2008 15:56, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Cream

Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht: Männlich
Verfasst Di 08.04.2008 15:59
Titel

Antworten mit Zitat Zum Seitenanfang
*Huch* jo das wär jetzt dann ein ganzes css-buch auf ne A4-seite zusammen gefasst!! *zwinker*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen über css ein Element nach definiertem Element ansprechen
Aktiven Navigationspunkt mit Klasse ansprechen
jQuery welches Element hat die Klasse active
CSS - richtig ansprechen
lightbox2 ansprechen
Du/Ihr/Sie ... wie soll man ansprechen?
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB