2012-03-21 37 views
13

Estaba revisando algunas de las CSS de Amazon y noté que tenían un comentario en HTML de una porción de CSS. Sé que hay un formato condicional para Internet   Explorer con comentarios HTML, pero estoy viendo esto en Chrome. ¿Cuál es el propósito de esto?¿Comentarios HTML en CSS?

Oh, debería tener en cuenta que estos estilos en realidad se están aplicando.

<!-- BeginNav --> 

<style type="text/css"> 

    <!-- 

    .nav-sprite { 
     background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/BeaconSprite-US-01._V141013396_.png); 
    } 
    .nav_pop_h { 
     background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-h._V155853593_.png); 
    } 
    .nav_pop_v { 
     background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-v._V155853593_.png); 
    } 
    .nav_ie6 .nav_pop_h { 
     background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-8bit-h._V155961234_.png); 
    } 
    .nav_ie6 .nav_pop_v { 
     background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-8bit-v._V155961234_.png); 
    } 
    .nav-ajax-loading .nav-ajax-message { 
     background: center center url(http://g-ecx.images-amazon.com/images/G/01/javascripts/lib/popover/images/snake._V192571611_.gif) no-repeat; 
    } 
    --> 

</style> 

Respuesta

27

Es creado por alguien que pensó que los visitantes del sitio usan un navegador que no reconoce las etiquetas <style>.

(Antiguos) navegadores, que no reconocen las etiquetas <style>, no mostrarán caracteres "extraños" (reglas CSS) debido a los comentarios HTML.

La mayoría de los navegadores reconocen la etiqueta <style>, por lo que el desarrollador parece usar <!-- --> de (mala) costumbre. Debe no ser utilizado.

+0

Es mejor comentar comenzando con ' */->'. Esto ocultará el código de los navegadores que no lo entienden, al tiempo que permite que los padres xhtml lo interpreten, sin eliminar la compatibilidad con navegadores que no entienden CDATA. Por la misma razón, es bueno comentar javascript comenzando con '<]]>'. –

-4
/* 
.css { 
    whatever code 
} 
*/ 

Esto es cómo hacer comentarios.

+0

lo siento, ¿qué quieres decir con bloques? – Sackling

+0

Solo me refería a comentarios, esa es la única forma de comentar css. Pero me refería a bloques de código, sin embargo, lo cambié ahora. –

+0

oh correcto ... ya, pero los comentarios fueron comentados en html. La respuesta de Rob Ws tiene sentido, aunque – Sackling