Ich habe eine Tabelle zu stylen, wie kann ich Text-align: left; nur für die erste Spalte und Textausrichtung: rechts; für die anderen Spalten?Wie man Text-Align links in der ersten Spalte und Text-Align rechts in den anderen anwenden
Hier mein Tabellenbeispiel.
http://jsfiddle.net/gianlucaguarini/hAv7P/
Im Moment ist der text-align für alle Spalten gelassen wird.
Dank
Sie benötigen die folgende CSS angeben:
.table td,
.table th
{
text-align:left;
}
#right,
.table td + td,
.table th + th
{
text-align:right;
}
Beispiel hier: http://jsfiddle.net/mWeYM/
Sie können hier mehr über benachbarte Geschwister CSS-Selektor lesen: http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors
Danke, tolle Erklärung und Demonstration – Koala7
Ich werde dies zu meiner Sammlung von mysteriösen Codes hinzufügen, die irgendwie funktionieren –
Hey Manna Ich habe Ihre Geige aktualisiert, folgen Sie einfach diesem Link:
Alles, was Sie tun müssen, ist eine Klasse zum dem hinzufügen yu wollen ausgerichtet und dann CSS hinzufügen, wie in der Geige
Ich habe ein bisschen vermasselt, ich kann nicht richtig die Informationen in der Registerkarte ausrichten. Sobald die Registerkarte ausgeblendet ist, möchte ich die Informationen perfekt ausgerichtet wie in der oberen Registerkarte jsfiddle.net/mWeYM/2 anzeigen – Koala7
Vielleicht möchten Sie an der :first-child Pseudo-Klasse suchen (W3C definition) - Genau dafür ist es gedacht. Man könnte es wie folgt verwenden:
.table td {
text-align: right;
}
.table td:first-child {
text-align: left;
}
Die :first-child Pseudo-Klasse bedeutet, dass nur der Wähler die erste <td> in jedem <tr> entspricht.
Beispiel hier: http://jsfiddle.net/xv5Cn/1/
Könnten Sie bitte das Markup nur die relevanten Teile minimieren und Ihren Code auch hier teilen hier auf SO? – PeeHaa