zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Klassen den Elementen zuweisen oder die Eigenschaften den Elementen?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.05.2012, 20:12
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2011
Beiträge: 37
helloworld befindet sich auf einem aufstrebenden Ast
Standard CSS Klassen den Elementen zuweisen oder die Eigenschaften den Elementen?

Ich frage mich immer wieder, ob ich einem Element eine CSS Klasse zuweisen soll oder ob ich in einer CSS Datei den Elementen die Eigenschaften hinzufüge.
Bisher habe ich eher die 2. benutzt, wo kann ich Informationen zu so etwas finden, wenn ich nach CSS Klassenvergabe o.Ä. suche, finde ich immer nur die Syntax...

Beispiel:

Variante 1
HTML-Code:
.klasse { border-bottom: 1px solid grey; padding: 1em; }
<html>
<div id="rightCol">
<ul>
<li class="klasse" ></li>
<li class="klasse" ></li>
<li class="klasse" ></li>
<li ></li>
</ul>
<div id="rightCol">
</html>
oder Variante 2
HTML-Code:
#rightCol ul li { border-bottom: 1px solid grey; padding: 1em; }
#rightCol ul li:last-child { border:none; }
<html>
<div id="rightCol">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.05.2012, 20:23
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Du weist in jedem Fall Eigenschaften bestimmten Elementen zu.

Variante 1 nennt man Klassitis und ist schlechter Stil. Die Selektoren sind dazu da, mit möglichst wenigen Hilfen innerhalb des HTML arbeiten zu können.

Variante 2 ist besser, allerdings kann man sie noch verbessern:
Wenn #rightCol keine weiteren Inhalte besitzt, kannst du das div-Element entfernen und die ID dem ul-Element geben.

Merke: Eine ID ist besser als viele Klassen. Nachfahrenselektoren sind eines deiner wichtigsten Werkzeuge.

"rightCol" ist keine sinnvolle Bezeichnung. Was wenn der Bereich linksbündig ausgerichtet werden soll? Verwende lieber Bezeichnungen die dem Elementzweck entsprechen, z.B. #navigation.

Verwende bitte auch immer einen Doctype.
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.05.2012, 20:56
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2011
Beiträge: 37
helloworld befindet sich auf einem aufstrebenden Ast
Standard

Das Beispiel war sowieso nur ausgedacht, ich wollte es möglichst übersichtich halten.
Die Frage stellte sich mir nur deswegen, weil die Seiten vieler großer Portale fast jedem Element mehrere Klassen zuweisen.

Danke, bin an weiteren Informationen interessiert.
Mit Zitat antworten
  #4 (permalink)  
Alt 13.05.2012, 21:25
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von helloworld Beitrag anzeigen
Die Frage stellte sich mir nur deswegen, weil die Seiten vieler großer Portale fast jedem Element mehrere Klassen zuweisen.
Das Verwenden von Klassen hat nichts mit CSS zu tun, sondern ist zuvörderst eine HTML-Methode um gleichartige Elemente durch einen gemeinsamen Nenner zu gruppieren. - Was CSS oder Skripte daraus machen ist eine andere Sache.

Das bedeutet aber nicht, dass es sinnvoll wäre allen Listenpunkten die selbe Klasse zu geben (was unterscheidet die Listenpunkte dann überhaupt voneinander?).

Sinnvolles vergeben von Klassen wäre z.B. wenn du eine Klasse "obst" und eine Klasse "gemüse" hättest und diese an Zuordnungslisten vergibst, die entweder das eine oder das andere Grünzeug beschreiben.

Zitat:
Zitat von helloworld Beitrag anzeigen
Danke, bin an weiteren Informationen interessiert.
Selektoren. Wie gesagt, je weniger Hinweise im HTML dein Stylesheet erfordert, umso besser.

Eine ID ist besser als viele Klassen oder viele IDs; eindeutige Selektoren sind besser als allgemeine; einfache Selektoren sind besser als zusammengesetze (z.B. ist #id besser als div#id).
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Multiple CSS Klassen in einem Tag - Kann das IE 5.5 jorainbo CSS 2 25.11.2005 11:17
[PHP] Funktion zum Optimieren von CSS Floele Serveradministration und serverseitige Scripte 2 13.08.2005 10:31
Zelle einen Link per css zuweisen Nodelarm CSS 3 13.04.2005 13:54
CSS Klassen verschachteln? Mario69 CSS 3 16.03.2005 08:33
einem Div mehrere CSS Klassen geben ?? nice CSS 4 22.03.2004 16:27


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:44 Uhr.