Ik heb een tabel waarbij ik met de volgende CSS code de tabel om de rij een kleur geef:

Code:

tr:nth-child(even) {background-color: #f2f2f2}

Deze CSS wordt ook automatisch toegepast op de responsive versie. Hoe kan ik deze code voor de responsive versie ongedaan maken?

je kan hiervoor de media rule gebruiken:


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } /*

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { }

Hier geef je dan aan hoe hij op die schermen zichtbaar moet zijn.

Zoals Miichelle G al aangaf inderdaad met media queries. Mocht niet lukken mag je me een PM sturen, help ik je wel even. ;)

Bedankt voor de reacties. Ik ben enigszins bekend met de 'media queries', maar is er geen methode waarmee je die éne regel css code ongedaan kan maken?

Jawel, met een media querie... Zoals ik al zei, stuur maar een PM als je er niet uitkomt.

Bedankt, maar ik heb het al voor elkaar gekregen.