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:
Ver original#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 :)