html > body

[Chriss]

Hola tengo una duda, no se que significa esto, lo he encontrado en una web y no tengo ni idea de que es lo que puede hacer.

Alguien sabe cuando se debe de utilizar " html>body "?

Código PHP:

  html>body .content {
  width:300px;
} 
   

Muchas gracias

[julio2k]

El selector > quiere decir que es un hijo

Osea que:

html>body{
width:300px;
}

Esta asignando el atributo width mensionado solamente a los body que sean descendiente directos de html, lo cual además suena logico pues el elemento body debe ser hijo de html.

El asunto es que Internet Explorer no soporta el selector > (hijo) por lo cual este codigo no lo tomaria ie, en cambio si lo asumiria bien un agente de usuario como mozilla.

De esta manera puedes aplicar ciertos atributos para que no los vea IE.

Ahora, todo el bloque:

html>body .content{
width:300px;
}


Quiere decir que todos los elementos con clase .content que obviamente esten dentro del body (sean descendientes directos o no) y ademas, como ya te mencione, que a su vez sean descendientes directos de html van a tener este atributo.

Como esto ultimo, de nuevo no es soportado por Internet Explorer estos atributos de clase no tendran ningun efecto en este navegador.

Creo que es una manera facil de diferenciar codigo entre IE y Mozilla