tag mit CSS ansprechen

[wapplegraph]

Hallo

Ich möchte z.B. alle ersten td Tags aller Zeilen in der table#xy ansprechen und sie formatieren.

Geht dies? Wie?

wapplegraph

 

[Dr.Apfelkern]

Wie - die Ersten?

Du hast also 5 und möchtest nur die 3 ersten ansprechen?

Dazu gibst du den ersten 3 eine Class oder ID und den nächsten halt nichts.

<td class="sodummistdochkeiner">Hohlraum</td>

 

[wapplegraph]

Nicht ganz.

Also ein Beispiel:

<table id="xy">
<tr>
[COLOR="Red"]<td></td>[/COLOR]<td></td><td></td>
<tr>
<tr>
[COLOR="red"]<td></td>[/COLOR]<td></td><td></td>
<tr>
<tr>
[COLOR="red"]<td></td>[/COLOR]<td></td><td></td>
<tr>
<tr>
[COLOR="red"]<td></td>[/COLOR]<td></td><td></td>
<tr>
</table>

Die Rotmatkierten möchte ich ansprechen, jedoch ohne ihnen eine classe zu geben.

Stelle mir die irgendwie so vor:

table#xy tr td[1]
{}

wapplegraph

 

[floeschen]

Die :first-child Pseudoklasse könnte das bewirken. Einfach so notieren:

tr#xy:first-child {CSS-Definitionen}

Diese Notierung spricht jeweils das erste Kindelement von tr#xy an, in diesem Fall eben immer den ersten TD-Tag.

 

[Hilarious]

Die :first-child Pseudoklasse könnte das bewirken. Einfach so notieren:

tr#xy:first-child {CSS-Definitionen}

Diese Notierung spricht jeweils das erste Kindelement von tr#xy an, in diesem Fall eben immer den ersten TD-Tag.

Eine kleine Korrektur (die Tabelle hatte die ID 'xy', nicht das <tr>). Aber trotzdem eine tolle Lösung!

#xy tr:first-child {
	color: red;
}

Leider können die MSIEs unter Version 7 mit vielen Pseudo-Klassen, darunter auch 'first-child' nichts anfangen. Da würde es vermutlich helfen, diesen TDs spezielle Klassen zuzuweisen. MSIE 7 kann ':first-child'.

 

[Nogger]

#xy td:first-child

muß es heißen. Nicht unerwarteterweise versteht der IE6 allerdings first-child nicht. http://www.webdevout.net/browser-support-css#css2pseudoclasses

td, nicht tr. Soll ja die erste Spalte und nicht die erste Zeile selektiert werden.

 

[floeschen]

Eine kleine Korrektur (die Tabelle hatte die ID 'xy', nicht das <tr>). Aber trotzdem eine tolle Lösung!

#xy tr:first-child {
    color: red;
}

Ups. Da habe ich das wohl übersehen.

Leider können die MSIEs unter Version 7 mit vielen Pseudo-Klassen, darunter auch 'first-child' nichts anfangen. Da würde es vermutlich helfen, diesen TDs spezielle Klassen zuzuweisen. MSIE 7 kann ':first-child'.

Danke für den Hinweis. Das mit den Klassen oder IDs hätte ich nur wegen dem grösseren Schreibaufwand mit der Pseudoklasse umgangen. Wenn jetzt aber die zweite Spalte einen speziellen Stil haben müsste, dann hätte man ja sowieso Klassen oder IDs verwenden müssen.

In diesem Sinne warte ich gespannt auf deinen Bahnhofsworkshop beim ATUT.

 

[dahui]

ELeider können die MSIEs unter Version 7 mit vielen Pseudo-Klassen, darunter auch 'first-child' nichts anfangen. Da würde es vermutlich helfen, diesen TDs spezielle Klassen zuzuweisen. MSIE 7 kann ':first-child'.

sehr "handy" um solche infos abzugrasen wäre z.b.

http://de.selfhtml.org/navigation/sidebars/css.htm

diesen link kann man in FF auch mit der option "in sidebar öffnen" versehen (wofür es auch gedacht ist, ob das in Safari auch funzt weiss ich nicht zum entwickeln nehme ich immer den FF), dann hat man alles zu hand was man braucht

dahui

 

[Hilarious]

Ups. Da habe ich das wohl übersehen.


Danke für den Hinweis. Das mit den Klassen oder IDs hätte ich nur wegen dem grösseren Schreibaufwand mit der Pseudoklasse umgangen. Wenn jetzt aber die zweite Spalte einen speziellen Stil haben müsste, dann hätte man ja sowieso Klassen oder IDs verwenden müssen.

In diesem Sinne warte ich gespannt auf deinen Bahnhofsworkshop beim ATUT.

Oh, ah, der. Ich hatte gehofft, man hätte es vergessen. Na gut. Muss ich mir wohl mal Gedanken machen.

 

[floeschen]

Ich wollte dich nicht unter Druck setzten.

Leider ist jegliches Programmieren, das weiter als eine alert-Meldung in JavaScript geht, ein Buch mit sieben Siegeln.

Deshalb müsste dann dein Workshop ganz leicht sein oder ohne mich.

 

[wapplegraph]

Aha merci

Also second-child usw. gibt es dann wohl nicht.
Aber dass kommt hoffentlich noch.

Danke für die Antworten wapplegraph

 

[Hilarious]

Ich wollte dich nicht unter Druck setzten.

Leider ist jegliches Programmieren, das weiter als eine alert-Meldung in JavaScript geht, ein Buch mit sieben Siegeln.

Deshalb müsste dann dein Workshop ganz leicht sein oder ohne mich.

Na, das macht Hoffnung, da hätte ich was für (jenseits von Ruby on Rails

 

[floeschen]

Also second-child usw. gibt es dann wohl nicht.
Aber dass kommt hoffentlich noch.

Nein, gibt es nicht. Ich würde wegen dem von Hilarious eingebrachten Grund aber sowieso auf Klassen oder IDs setzen. Dann bist du auf der sicheren Seite. Der einzige Nachteil ist der grössere Schreibaufwand.

 

[Nogger]

Also second-child usw. gibt es dann wohl nicht.
Aber dass kommt hoffentlich noch.

Prinzipiell schon, blos kann es noch kein Browser.
:n-child(n) http://www.webdevout.net/browser-support-css#css3pseudoclasses