¿Qué navegadores admiten CSS #parent> .direct-child notación? (no jQuery)

Question

Hasta donde yo sé, el> (#test>div) significa que el div es un hijo directo de #test.

Donde un espacio (#test div) significa que puede ser una relación descendiente/antepasado. Entonces, #test p div se vería afectado simplemente por una referencia a #test div

¿Qué navegadores son compatibles con el primero mencionado?

Answer 1

Puede encontrar información para todos los selectores en http://www.quirksmode.org/css/contents.html Para sus preguntas los navegadores compatibles son los siguientes:

IE 7, IE8, IE9 PR3, FF 3.0, FF 3.5, FF 3.6, FF 4b1, Saf 4.0 Win, Win Saf 5.0, Chrome 4, 5 Chrome, Opera 10.10, 10.53 Opera y Opera 10.60

Editar: ya que es 2015 que sugeriría tener como referencia para este tipo de preguntas que el sitio web can I use?. Por ejemplo, puede encontrar más información para child selector.

Answer 2

FF2 +, IE7 +, Opera/Safari/Chrome (cualquier versión moderna de este último) debe admitir el selector de elementos secundarios.

Answer 3

Funciona muy bien en IE7 (al menos) a menos que use #div> *, como acabo de descubrir.