login  Naam:   Wachtwoord: 
Registreer je!
 Forum

not(.more):nth-child() probleem

Offline ThAlmighty - 29/08/2011 09:56
Avatar van ThAlmightyHTML beginner
css code - Bekijk de code zonder highlighting - Klap code in 
  1. table.list > tbody tr:not(.more):nth-child(odd) {

Geeft niet het gewenste effect in de vorm dat hij niet een nth-child toepassing doet. Hoe moet dit?

4 antwoorden

Gesponsorde links
Offline Maarten - 29/08/2011 10:37 (laatste wijziging 29/08/2011 10:37)
Avatar van Maarten Erelid Browser Compatibility

nth-child is one of those rather unfortunate CSS attributes that is caught between nearly full cross-browser compatibility, except for completely zero support in IE, even IE 8. So when it comes to it's use, if the end result is "progressive enhancement" in some fashion (e.g. applying a cool color palette to table rows, for example), then by all means, go for it. But you probably shouldn't use it if you are doing something more important, like relying on it for site structure. For example, removing the right margin from every third box in a three by three grid of boxes, so they will fit properly.

One saving grace here is that if you are using jQuery, which supports all CSS selector including :nth-child, the selector will work, even in Internet Explorer.

En bij mij werkt het dus ook niet (demo pagina's etc), dus grote kans dat je browser het gewoon niet ondersteunt...
Offline ArieMedia - 02/09/2011 23:01 (laatste wijziging 02/09/2011 23:09)
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde		 http://www.quirksmode.org/compatibility.html

Erg handige site als je X-browser problemen denkt te hebben.
Wat ook erg handig is, als je informatie nodig hebt is om console.log te gebruiken, daar past ongeveer alles in, van objecten, array's, tekst, getallen.

Met de firebug-addon (firefox) kan je dan deze berichten uitlezen.
Safari heeft ook standaard een soort van debugger ingebouwd,
IE heb ik geen flauw idee van hoe zei het doen.
Offline WouterJ - 03/09/2011 11:06
Avatar van WouterJ HTML gevorderde
ArieMedia schreef:
Wat ook erg handig is, als je informatie nodig hebt is om console.log te gebruiken, daar past ongeveer alles in, van objecten, array's, tekst, getallen.

Met de firebug-addon (firefox) kan je dan deze berichten uitlezen.
Safari heeft ook standaard een soort van debugger ingebouwd,
IE heb ik geen flauw idee van hoe zei het doen.

FireFox en Safari zijn de enige browsers die hierin achter lopen. Ze hebben nog een plugin hiervoor nodig. Voor de rest:
Chrome heeft de uitgebreidste JavaScript-console met de meeste debugging en speed functies. Deze open je met Ctrl+Shift+i of Rechtermuisknop > element inspecteren.
IE9 heeft een mooie JavaScript-console met daarin ook de mogelijkheid tot het bekijken in andere versies van IE. Het heeft daarnaast nog wat functies. Openen doe je met F12.
Opera heeft een simpele versie van die van Chrome. Openen met Ctrl+Shift+i of Rechtermuisknop > element inspecteren.

Voor Safari heb je de extensie FireBug lite. Dit is de simpele versie van FireBug die in alle browsers werkt (dus ook in IE, Chrome, FireFox, ect.). Openen doe je door op het FireBug icoon te klikken naast de adresbalk.
Voor FireFox heb je de addon FireBug. Openen door Rechtermuisknop > Element inspecteren of door rechtsonder op het FireBug icoon te klikken.
Offline Kevin - 03/09/2011 13:26
Avatar van Kevin Crew Ajax/REST Denk er wel aan dat console.log voor problemen kan zorgen in IE.
Zelf al genoeg meegemaakt en toch maar terug overgestapt naar alerts :-)
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.19s