Spezielle Spalte formatieren

[Freddy]

Hallo,
kann ich in CSS angeben, dass in einer Zeilendefinition
<tr><td>....</td>.........<td>.......</tr>
z.B. das 5. <td> eine eigene Formatierung erhält, z.B. "font-weight:bold"?
Gruß
Freddy

[Der Martin]

Hi,

kann ich in CSS angeben, dass in einer Zeilendefinition
<tr><td>....</td>.........<td>.......</tr>
z.B. das 5. <td> eine eigene Formatierung erhält, z.B. "font-weight:bold"?

ja, es gibt die Pseudoklasse :nth-child - wie weit es da mit der Browserunterstützung in der Realität ist, kann ich aber nicht sagen. Wenn dir Kompatibilität wichtig ist, solltest du also auf andere Selektoren ausweichen, etwa eine speziell vergebene Klasse oder einen Attributselektor.

Ciao,
 Martin

[Gunnar Bittersmann]

@@Der Martin:

nuqneH

ja, es gibt die Pseudoklasse :nth-child - wie weit es da mit der Browserunterstützung in der Realität ist, kann ich aber nicht sagen.

Gut isses. Außer bei deinem Ex-Liebling.

Wenn dir Kompatibilität wichtig ist, solltest du also auf andere Selektoren ausweichen, etwa eine speziell vergebene Klasse oder einen Attributselektor.

Wer :nth-child nicht versteht, der versteht auch kaum Attributselektoren.

Eine speziell vergebene Klasse ist dennoch nicht nötig*; auch I7 fährt schon auf 'td:first-child+td+td+td+td' ab (bzw. 'tbody th+td+td+td+td', wenn denn die Zeilenköpfe auch richtig als Kopfzellen ausgezeichnet sind).

Wenn man in der misslichen Lage ist, auch IE 6 aus kaum nachvollziehbaren Gründen noch unterstützen zu müssen, kann man dem mit einer CSS-Expression auf die Sprünge helfen, wie bei den Zebrastreifen, nur nicht im Kreis zählen.

Qapla'

* Wenn natürlich schon ein Attribut (eine Klasse) im Markup vorhanden ist, um den Inhalt der Zelle semantisch auszuzeichnen (bspw. <td dtstart="2011-08-15">**), kann man diese natürlich _auch_ fürs Styling verwenden.

** No pun intended.

[Der Martin]

Hallo,

ja, es gibt die Pseudoklasse :nth-child - wie weit es da mit der Browserunterstützung in der Realität ist, kann ich aber nicht sagen.
Gut isses. Außer bei deinem Ex-Liebling.

okay, ich hab diese Pseudoklasse noch nie angewendet, daher war ich mir nicht sicher. Außer natürlich, dass alte IEs das noch nicht können. Das interessiert aber vermutlich nur noch wenige.

Wer :nth-child nicht versteht, der versteht auch kaum Attributselektoren.

Hmm. Mag sein.

Eine speziell vergebene Klasse ist dennoch nicht nötig*; auch I7 fährt schon auf 'td:first-child+td+td+td+td' ab (bzw. 'tbody th+td+td+td+td', wenn denn die Zeilenköpfe auch richtig als Kopfzellen ausgezeichnet sind).

Prima, der Next Sibling Selector ist mir nicht eingefallen. :-)

Ciao,
 Martin

[Gernot Back]

Hallo Martin, hallo Freddy,

kann ich in CSS angeben, dass in einer Zeilendefinition
<tr><td>....</td>.........<td>.......</tr>
z.B. das 5. <td> eine eigene Formatierung erhält, z.B. "font-weight:bold"?

ja, es gibt die Pseudoklasse :nth-child - wie weit es da mit der Browserunterstützung in der Realität ist, kann ich aber nicht sagen. Wenn dir Kompatibilität wichtig ist, solltest du also auf andere Selektoren ausweichen, etwa eine speziell vergebene Klasse oder einen Attributselektor.

Wie wäre es denn für Browser, die nicht auf der Höhe der Zeit sind mit dem Nächsten-Geschwister-Selektor:

td:first-child + td + td + td + td,  
th:first-child + td + td + td + td, { font-weight:bold; }

oder für den IE6 auch so:
col.bold{ font-weight:bold; }
Das Formatieren über COL-Elemente funktioniert allerdings auch nur in Bezug auf Eigenschaften, die nicht bereits in Bezug auf die Elementselektoren td oder th gesetzt sind. Auch eine "reset.css" zur browserübergreifenden Vereinheitlichung der Styleigenschaften darf sich zu solchen Eigenschaften, die man mit an COL-Elemente vergebene Klassen zuweisen will, nicht äußern.

Gruß Gernot

[Gernot Back]

td:first-child + td + td + td + td,

th:first-child + td + td + td + td, { font-weight:bold; }

Autsch, das letzte Komma muss da natürlich weg, also:  
~~~css
td:first-child + td + td + td + td,  
th:first-child + td + td + td + td { font-weight:bold; }

Gruß Gernot

[Gunnar Bittersmann]

@@Gernot Back:

nuqneH

Wie wäre es denn für Browser, die nicht auf der Höhe der Zeit sind mit dem Nächsten-Geschwister-Selektor:

Wie wäre es denn für Gernots, die nicht auf der Höhe der Zeit sind, mit dem Nächsten-Geschwister-Posting? ;->

Qapla'

[ChrisB]

Hi,

kann ich in CSS angeben, dass in einer Zeilendefinition
<tr><td>....</td>.........<td>.......</tr>
z.B. das 5. <td> eine eigene Formatierung erhält, z.B. "font-weight:bold"?

Bspw. mittels der :nth-child()-Pseudoklasse.

MfG ChrisB