✔ Verständnisfrage zur CSS-Syntax

Status
Nicht offen für weitere Antworten.
Jan-Frederik Stieler

Jan-Frederik Stieler

Monsterator
Moderator
Hallo,
hier nochmal ne grundsätzliche Frage zu CSS.
wenn ich Klassen generiere muß ich doch eigentlich einen Punkt vor den Namen setzen (.Name) und diese dann mittels <... class=".Name"> einbinden, warum funktioniert das beim Body-Tag anderst? Also wenn ich das nach der oberen Methode mache funktioniert nichts, erst wenn ich für die Klasse den Punkt weglasse und dann auch im html nur <body> schreibe.
Kann mir das bitte mal jemand die Gründe dafür erklären.

Vielen Dnak und viele Grüße
 
Also grundsätzlich defninierst du Klassen in CSS so:
.meineKlasse {
meine Definition
}
und rufst sie so auf:
class="meineKlasse"
also ohne Punkt.

Was meinst du mit:
dann auch im html nur <body> schreibe.
Zum Vergrößern anklicken....
kannst du das bitte nochmal genauer erklären?
 
Stimmt, CSS-Klassen werden im Style-Sheet mit einem Punkt notiert - also:
Code: 
body.className { /* CSS-Eigenschaften */ }
und im class-Attribut für das entsprechende HTML-Element ohne Punkt notiert - also:
Code: 
<body class="className">
greez, maik.l
 
mein CSS-Code
Code: 
body {background-color:#ffffff;}

Mein Html
Code: 
<!-- Verlinkte Stylsheets -->
<link rel="stylesheet" href="basics.css" type="text/css">
</head>
<body>

Wenn ich das dier nach der Punkt-Methode mache funktioniert das nicht.
 
Kann es sein das es zu Problemen kommt wenn man html-Tags als Namen für Klassen verwendet?
Weil wenn ich einen anderen Klassen Namen als body nehme funktioniert das richtig.
@michaelsinterface: das ist ja das was ich versucht habe zu erklären, das so meine CSS-Einstellungen übernommen werden.
 
Welchen Namen du für die Klassen wählst ist eigentlich zweitrangig (egal), aber das Verwenden der HTML-TAGs als Klassen-Namen würde ich auf jeden Fall vermeiden.

Hier nochmal der komplette Demo-Source:
Code: 
<html>
<head>
<title></title>

<style type="text/css">
<!--
body.deine_klasse 
{
background-color:#dfdfdf;
}
-->
</style>

</head>
<body class="deine_klasse">

</body>
</html>
greez, maik.l
 
So wie du das schreibst, hast du in deiner CSS dem BODY keine Klasse zugewiesen, sondern den BODY-Tag definiert mit der Hintergrundfarbe.
Du brauchst dann im HTML dem BODY keine Klasse mehr zuzuweisen.

Wenn du dasselbe z.B. mit dem TD-Tag machen würdest, würde jeder unformatierte TD diese Hintergrundfarbe annehmen.

Hoffe das war verständlich genug ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück