¿Alternativa al selector :only-child para IE8?

[seozeta]

Buenas tardes,

Estoy buscando una alternativa al selector CSS :only-child para que funcione, al menos, en IE8 (en IE6 y 7 casi no me molesto). Es para que el menú de navegación sea lo más 'cross-browser' posible; que es 100% en CSS con contenido dinámico (de Wordpress).

En caso de que el menú contenga un submenú, muestra una flecha hacia abajo. Lo hago así:

Código CSS:

#navigation li > a:after{font-family:'FontAwesome';content:"\F107";padding-left:5px;line-height:0}
#navigation li > a:only-child:after{content:none}
#navigation li ul li > a:after{content:"\F105";padding-left:5px;line-height:normal}
#navigation li ul li > a:only-child:after{content:none}
 

Funciona bien en Chrome, Firefox, Opera e IE9, IE10.

El selector :only-child no funciona en IE8 e inferiores. Así pues, ¿qué alternativa me recomendaríais?

Saludos :)

[seozeta]

De momento lo que haré es añadir el siguiente código en la cabecera:

Código HTML:

<!--[if lte IE 8]>
<style type='text/css'>
#navigation li > a:after,
#navigation li ul li > a:after,
#topnav .menu li > a:after,
#topnav .menu li ul li > a:after
{content:none}
</style>
<![endif]-->
 

Quedará el menú sin indicativos de submenús para los usuarios de IE8 y versiones anteriores. No es la solución que más me gustaría pero...

[pzin]

Yo conozco que hay cosas como Selectivizr, pero adicionalmente tendrías que usar alguna librería JavaScript.

Si realmente quieres (porque no creo que necesites) dar soporte a IE8, igual desde el lado servidor añadir alguna clase y trabajar sobre la clase.

Yo no me preocupo ya de IE8.

[seozeta]

Iniciado por pzin

Yo conozco que hay cosas como Selectivizr, pero adicionalmente tendrías que usar alguna librería JavaScript.

Si realmente quieres (porque no creo que necesites) dar soporte a IE8, igual desde el lado servidor añadir alguna clase y trabajar sobre la clase.

Yo no me preocupo ya de IE8.

Hola pzin; gracias por comentar. Sí, había usado el plugin Selectivizr pero tiene algunos errores, como que no le funciona el :only-child:after, todo junto. También usé algún otro sin suerte.

La verdad es que tampoco quiero complicarme demasiado con viejos navegadores, pero es que estoy haciendo una plantilla de Wordpress para vender (Premium), y en ese sentido me gusta ofrecer desde IE8. Aunque cada vez con más ganas de darle una patada, hehehe. Ya pienso que la gente usa esos "navegadores" para tocar las narices.

Al final se tratará de eso: ignorar dichos navegadores y que los usuarios se espavilen un poco. En Julio, 11,8% usaron IE. Los que usan el IE8 son el 4,8%; todavía es significativo. Entre los IE, es el más usado, aunque el IE9 y el 10 sumados le ganan por un poquito. El 7 y el 6 ya son menos del 1% :) http://www.w3schools.com/browsers/browsers_explorer.asp

Saludos!