Wie wird Textausrichtung links in der ersten Spalte und Textausrichtung rechts in der anderen Spalte angewendet?
Ich habe eine Tabelle zum Stil, wie kann ich text-align:left; nur für die erste Spalte und text-align:right; für die anderen Spalten anwenden?
Hier mein Tabellenbeispiel:
http://jsfiddle.net/gianlucaguarini/hAv7P/
Im Moment bleibt die Textausrichtung für alle Spalten erhalten.
Sie müssen das 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/
Weitere Informationen zu benachbarten CSS-Selektoren für Geschwister finden Sie hier: http://www.w3.org/TR/CSS2/selector.html#adjacent-selector
Vielleicht möchten Sie sich die :first-child-Pseudoklasse ( W3C-Definition ) ansehen - dies ist genau die Art von Dingen, für die sie entwickelt wurde. Sie könnten es so verwenden:
.table td {
text-align: right;
}
.table td:first-child {
text-align: left;
}
Die :first-child-Pseudoklasse bedeutet, dass der Selektor nur mit dem ersten <td> in jedem <tr> übereinstimmt.
Beispiel hier: http://jsfiddle.net/xv5Cn/1/
Hey Manna, ich habe deine Geige aktualisiert, folge diesem Link:
Alles, was Sie tun müssen, ist, eine Klasse zu der hinzuzufügen, die Sie ausrichten möchten, und dann css wie in der Geige hinzuzufügen