• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Frage zur allgemeinen CSS Syntax

D

Don Carlos

New member
Hallo zusammen,

ich hab mal 'ne Frage zur Syntax in CSS.

Beispiel1:
Ein Container der Klasse "container".
Wie definiere ich das Aussehen in der CSS-Datei richtig?

.container{}

oder
div.container{}

?
Gibt es da überhaupt einen Unterschied?

Das gleiche gilt für Beispiel 2:
Ein Container mit der id "container.

Wie definiere ich den CSS-Code dazu korrekt?

div#container{}

oder

#container{}

?

Im Netz findet man regelmäßig beide Schreibweisen...
 
Albu schrieb:
Wie soll es Vorgaben geben, wenn beides unterschiedliche Wirkungskreise hat?
Mit anderen Worten, das eine ist generischer als das andere. Ich überlasse es Deiner Fantasie und Forscherdrang rauszufinden, welches welches ist.
Zum Vergrößern anklicken....

Hi,

verstehe ich nicht, aber ich werde nochmal googlen.

Was sollte es bei der Verwendung der ID für Unterschiede geben?
Ob nun "#bla " oder "div#bla" müsste doch vom Verhalten her gleich sein, da es id="bla" ja nur 1x gibt (oder geben sollte)...

Ich suche trotzdem nochmal.

Gruß,
DC
 
Don Carlos schrieb:
Was sollte es bei der Verwendung der ID für Unterschiede geben?
Ob nun "#bla " oder "div#bla" müsste doch vom Verhalten her gleich sein, da es id="bla" ja nur 1x gibt (oder geben sollte)...
Zum Vergrößern anklicken....
Du hast im ersten Posting vier Fälle aufgeführt, und diese in zwei Beispiele unterteilt. Meine Antwort in ihrer Gesamtheit bezog sich auf jedes einzelne dieser Beispiele. Wobei der erste Satz auch die Unterschiede zwischen den beiden Beispielen anspricht. Satz zwei ist lediglich innerhalb Deiner Beispiele relevant.
Mit ein bisschen Trial & Error sollte es kein Problem sein, den Unterschieden auf die Spur zu kommen.
 
Bei ID's brauch man das nicht "div#bla", bei Klassen dagegen manchmal schon.

Beispiel:

Code: 
<html>

<head>
<title></title>

<style type="text/css">
a.class {color: #FF0000;}
div.class {color: #0000FF;}
</style>

</head>

<body>

<a href="http://www.google.de" class="class">Google</a>
<div class="class">Google</div>

</body>
</html>

Verstanden?
 
Hallo,

eventuell habe ich es jetzt gerafft, ja.
Vielen Dank für Eure Antworten!

Ich habe das jetzt so verstanden:

- ".klasse" gilt für alle Elemente mit class="klasse"

- "a.klasse" gilt für alle Link-Elemente mit class="klasse" (und erbt alles von ".klasse")

- "div#meineid" und "#meineid" ist quasi dasselbe !? (Also es gilt exakt für das Element mit der id "meineid", wurscht ob div oder nicht?!)

@Albu: ich will grade eher weg von "trial & error" bzw. "Versuch macht kluch".
Damit mogel ich mich seit Jahren durch meine Skripte, nur bleiben dabei leider gewisse Grundlagen auf der Strecke.

Deswegen beacker ich zur Zeit auch Bücher zu PHP 5 und JavaScript.
Kannst Du mir ein gutes CSS-Buch empfehlen?
Ich bräuchte irgendwie Lektüre für Anfänger und Profi, möglichst vereint.
CSS-Wissen ist durchaus vorhanden, nur halt eben wild gestreut.
Man nennt sowas wohl auch "gefährliches Halbwissen" ;)

Ein gutes Buch würde mich bestimmt weiter nach vorne bringen...

Viele Grüße & ein schönes Wochenende,

DC
 
Zuletzt bearbeitet:
Don Carlos schrieb:
Ein gutes Buch würde mich bestimmt weiter nach vorne bringen...
Zum Vergrößern anklicken....

Vielleicht geht es auch ohne Buch:
Cascading Style Sheets { Grundlegendes : Struktur der CSS-Regeln }
(Auch die weiteren Seiten sind empfehlenswert!)

Neben SELFHTML, das Du ja sicher kennst, kannst Du Dich auch hier kundig machen:
CSS 4 You - The Finest in Stylesheets

Und wenn Du die Forumsuche bemühst, findest Du auch Buchempfehlungen, soweit ich mich erinnere, haben dkdenz und planet4 schon Büchertitel gepostet.
 
Der Rangordnungswert in CSS ist nicht gerade trivial (im Gegensatz zur herkömmlichen Meinung)!
Um das aber in einem Forum genau zu erklären, würde es den Rahmen des selben sprengen.
Es gibt immer eine Anzahl von Leuten, die es (gut gemeint) verallgemeinern und das ist ja auch OK so, aber um in die Tiefen dieser Sprache einzudringen, reichen diese Halb- bis Dreiviertelwissen nicht wirklich aus. Man hangelt sich damit zwar durch das CSS-Leben, kann im Endeffekt auch sehr viel produzieren, aber eigentlich kratzt man nur an der Oberfläche.
Deswegen empfiehlt es sich tatsächlich, ein professionelles Buch zu kaufen.
Es muss auch nicht teuer sein.
Ein O'REILLY "CSS kurz & gut" reicht vollkommen aus (8,-€).
Puh, so dermaßen wollte ich mich eigentlich gar nicht auslassen... ;)

Edit:
Empfehlenswert ist auch diese Lektüre (weil direkt von der Quelle): Cascading Style Sheets, Level 2 - Deutsche bersetzung
 
Zuletzt bearbeitet:
N'Abend,

vielen Dank für die Buchempfehlung und die guten Links!
Es ist (leider) nicht selbstverständlich, dass man in Foren noch ausführliche Antworten auf "einfache" Fragen erhält. Top!

Dass CSS nicht so trivial ist wie ich mal dachte, merke ich jetzt so nach und nach. Ich gucke mir gerne die Seite von Stu Nicholls (Stu Nicholls | CSSplay | Experiments with cascading style sheets | Doing it with Style) an. Nicht um dort "tolle Effekte" zu "klauen", sondern ich versuche seinen Code nachzuvollziehen. Leider klappt das manchmal so gar nicht...

Na ja, ich werde mal die Links durcharbeiten, und dann gucke ich mal ob's reicht.

Vielen Dank nochmal!
 
Man sollte sich vor Augen führen, das CSS eine mächtige Sprache ist, mit der man das gesamte Aussehen einer Website steuern kann. Und nicht nur das. Viele Dinge, wozu der geneigte Webmaster, -designer gerne zu JS greift, kann problemlos mit CSS realisiert werden.
Die Seite von Stu ist schon geil, allerdings als Einstieg etwas zu hoch gegriffen.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben