Beiträge von mercurius_b

mercurius_b · 15. Dezember 2020

Hallo,

ich hätte noch einen kleinen Verbesserungsvorschlag für euren WM Turnierbaum, der meiner Meinung nach mit ein wenig Farbe übersichtlicher würde.

Dafür müssten nur folgende CSS Zeilen hinzugefügt werden:

CSS

table tr:nth-child(4n+1) td:nth-child(1), table tr:nth-child(4n+2) td:nth-child(1) {
    background-color: aliceblue;
}
table tr:nth-child(4n+3) td:nth-child(1), table tr:nth-child(4n+4) td:nth-child(1) {
    background-color: lemonchiffon;
}
table tr:nth-child(4n-2) td:nth-child(2) {
    background-color: aliceblue;
}
table tr:nth-child(4n-1) td:nth-child(2) {
    background-color: lemonchiffon;
}
table tr:nth-child(8n-4) td:nth-child(3) {
    background-color: aliceblue;
}
table tr:nth-child(8n-3) td:nth-child(3) {
    background-color: lemonchiffon;
}
table tr:nth-child(16n-8) td:nth-child(4) {
    background-color: aliceblue;
}
table tr:nth-child(16n-7) td:nth-child(4) {
    background-color: lemonchiffon;
}
table tr:nth-child(32n-16) td:nth-child(5) {
    background-color: aliceblue;
}
table tr:nth-child(32n-15) td:nth-child(5) {
    background-color: lemonchiffon;
}

table tr:nth-child(64n-32) td:nth-child(6) {
    background-color: aliceblue;
}
table tr:nth-child(64n-31) td:nth-child(6) {
    background-color: lemonchiffon;
}

table tr:nth-child(128n-64) td:nth-child(7) {
    background-color: aliceblue;
}
table tr:nth-child(128n-63) td:nth-child(7) {
    background-color: lemonchiffon;
}

Alles anzeigen