CSS Pseudoklasse auf eine bestimmte Tabelle anwenden, wenn mehrere Tabellen im Dokument vorhanden

[Henry]

Hallo iloveHTML,

Vielleicht ist es am Anschauungsobjekt einfacher, die Versandkostentabelle ist aktuell manuell eingefärbt, das soll überarbeitet werden

https://www.ebay.de/itm/Spannungswandler-220-110-Volt-Trafo-Transformator-Spannungsumformer-Umformer/183102676178?hash=item2aa1c51cd2:g:j9wAAOSwkjFalE9S

Wir reden hier also von Ebay? Und dort hast du Zugang zum Kopfbereich der Seite, bzw. darfst seperate Styleangaben zufügen. Wäre mir neu, habe aber lange dort nichts mehr gemacht.

Aber…

ID

was für eine ID ?

<TABLE ID Zebra> . . . .</TABELE>

?

ich seh schon, du hast noch nicht viel mit HTML zu tun gehabt. Daher mal: https://wiki.selfhtml.org/wiki/CSS/Selektoren/Pseudoklasse/strukturelle_Pseudoklasse/nth-child#Tabelle_im_Zebralook

Aber das kennst du vermutlich schon, was du aber kennen solltest, wie man ein Element ansprechen kann: https://wiki.selfhtml.org/wiki/CSS/Selektoren/ID-Selektor

oder grundsätzlich: https://wiki.selfhtml.org/wiki/CSS/Selektoren

und natürlich nicht zu vergessen die Attribute: https://wiki.selfhtml.org/wiki/Referenz:HTML/Attribute

Dann merkst du bald, dass du zb. <table id="zebra"> verwenden und dieses mit CSS auch ansprechen kannst.

zb.
#zebra{background-Color:red;}

oder du willst die Zeilen darin ansprechen dann…

#zebra tr{background-Color:blue;}

Jetzt hast du aber vermutlich auch noch das Problem nicht in den Kopfbereich bei Ebay reinzukommen um dort Styleangaben zu machen. Da gäbe es normalerweise die Möglichkeit das direkt im Bodybereich zu bestimmen. bsp. <tr style="background-Color:#000;}"> Das bringt aber einen größeren Aufwand für deinen Zebralook. Alternativ gäbe es dann noch eine Möglichkeit über Javascript den Kopfbereich zu ändern, würde jetzt aber zu weit führen. Allerdings, ohne Gewähr, dürfte es auch funktionieren wenn du die Styleangabe im Bodybereich reinlegst, zwar nicht so vorgesehen, aber zur Not.

Gruss
Henry