CSS richtig schreiben?
ich muss eine CSS benutzen um eine bestimmte Eigenschaft zu vergeben. Mein Problem ist, wie ich die richtig benenne.
das html:
<div class="alle">
<table class="tabelle">
<tr>
<td class="zelle"> </tr>
<td class="zelle"> </tr>
</tr>
</table>
</div>
Wie muss ich die CSS Eigenschaft nennen damit ich "Zelle" ansprechen kann?
vielleicht versteht man es jetzt
2 Antworten
Siehe hierfür:
https://www.w3schools.com/cssref/css_selectors.php
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors
https://wiki.selfhtml.org/wiki/CSS/Selektoren
Für Klassen brauchst du einen Punkt vor dem Bezeichner:
.zelle
DDann machst du etwas falsch womöglich. Poste mal ein reproduzierbares Beispiel das nicht funktioniert und sag, was es tun soll.
falsch ist, dass er es nicht findet. wenn man auf untersuchen geht steht da, dass nicht "zelle" genommen wird. sondern nur das was unter "alle" steht
Da ich nicht weiß, wovon du sprichst, kann ich dir da schlecht weiterhelfen.
Ich sehe aber, dass du deine "td"-tags mit einem "/tr" geschlossen hast und nicht mit einem "/td"
ich hab ein Bild hochgeladen. Ich mag gern, dass Day gezogen wird, wirds aber nicht
.Day {
background-color:#a3c9e8 !important;
}
#Day {
background-color:#a3c9e8 !important;
}
Day {
background-color:#a3c9e8 !important;
}
#Kalender td.Day {
background-color:#a3c9e8 !important;
}
td.Day {
background-color:#a3c9e8 !important;
}
.Kalender {
background-color:#a3c9e8 !important;
}
#Kalender {
background-color:#a3c9e8 !important;
}
Kalender {
background-color:#a3c9e8 !important;
}
.tabbed figure>div Kalender{
background-color:#a3c9e8 !important;
}
habe Alles versucht . er zieht es aber nie. die Frage ist wie muss es richtig heissen, also vor der Klammer
".Day" müsste eigentlich passen. Was steht in den er Konsole dazu, evtl. ist ein fehler aufgetreten?
Ansonsten kannst du mal auf "Netzwerk" gehen, den Cache deaktivieren und die Seite neu laden (danach den Cache wieder aktivieren). Aber zuvor würde ich erst in die Konsole schauen.
Ansonsten kannst du auch einmal schauen, ob du bei "Debugger" links dein Stylesheet findest und ob das dort korrekt angezeigt wird.
Ne, das ist der Inspektor. Klick oben auf "Konsole" und du siehst evtl. Fehlermeldungen.
Der rote Kreis mit dem Ausrufezeichen und der Zahl "2" sagt, dass zwei Fehler auftreten.
Also eine Tabelle "tabelle" zu nennen und eine Zeile "zeile" zu nennen keinen Sinn. Aber wenn du das machst, brauchst du einfach den Class selector ".zelle".
EDIT: es macht keinen Sinn, weil du auch einfach nur den selector
td
nehmen könntest
aber wenn dieses td (zelle) in dieser tabelle anders sein sollen als die td sonst, was dann?
dann vergibst du eine Klasse, aber eben nicht "zeile" sondern etwas sinnvolleres, was sich auf den Inhalt oder Darstellung bezieht, z.B. "author" oder "highlight". Generell würde ich immer englische Bezeichnungen nehmen, auch wenn das nicht umbedingt nötig ist.
guck mal bild. wichtig ist dass Day gezogen wird, wirds aber nicht
Klassennamen sind case sensitiv, d.h. Groß und Kleinschreibung wird unterschieden. Hast du ".Day" verwendet? Ich würde Klassenamen aber auch nur klein schreiben.
Ok ich sehe du hast das ausprobiert. Dann ist das CSS wohl nicht richtig eingebunden.
die datei schon, aber keiner der bereiche wird gezogen, sieht man ja im inspektor
Warum bist du so sicher dass die Datei gezogen wird? Du kannst auch mal probieren das CSS inline im Header Bereich einzubinden.
<header>
..
<style>
.Day {
background-color: #a3c9e8 !important;
}
</style>
</header>
<body>
...
</body>
klappt leider auch nicht. es geht nur wenn ich den style direkt ins td schreib, aber das mag ich ja eigentlich ned
Ne das ist auch nicht gut. Leider lässt sich der Fehler so nicht finden, dazu müsste man mal direkt in deine Dateien gucken. Denn eigentlich müsste es funktionieren.
klappt nicht. td.zelle klappt auch nicht