Buenas a todos, me gustaría informar de que tengo problemas a la hora de visualizar la pagina con este navegador, a diferencia de otros como firefox u Opera.
http://desarrollowebforman.es/rafael/ejercicios/selectores/selectores.html Como se puede apreciar en esta pagina de un ejercicio realizado por mí, las imágenes que deberían ser en los recuadros no corresponden con la que están remarcadas en el documento css.
Archivo html
...
<body>
<p> <a href="/archivo.pdf">Descargar archivo .pdf</a></p>
<p> <a href="/archivo.txt">Descargar archivo .txt</a></p>
<p> <a href="/archivo.zip">Descargar archivo .zip</a></p>
<p> <a href="/archivo.mpg">Descargar archivo .mpg</a></p>
</body>
...
Es un ejemplo básico.
En el css
//estos selectores hacen que dependiendo de la cadena final del href de las etiquetas <a> se muestre una imagen u otra.
a[href$='.pdf']:before{
content: url("../images/pdf.png");
padding-right: 5px;
}
a[href$='.txt']:before{
content: url("../images/txt.png");
padding-right: 5px;
}
a[href$='.zip']:before{
content: url("../images/zip.png");
padding-right: 5px;
}
a[href$='.mpg']:before{
content: url("../images/mpg.png");
padding-right: 5px;
}
Y e aquí los atributos comunes para esa etiqueta
p a{
color: white;
text-decoration: none;
text-transform: uppercase;
}
Como ya digo, en firefox, la visualización es correcta, pero en google chrome no, salvo que se haga clic en los enlaces o se mantenga en focus, pero al volver a recargar la pagina se da el mismo caso que solo acepta el primer valor del a[href$="valor"] definido en el body, ignorando el resto.
La única manera de resolver este asunto, es definir los atributos por cada uno de los a[href$="valor"] o situarlos en secuencia separados por ','. Pero actuando de esta manera solo creamos un parche ya que lo normal sería que habiendo declarado los valores comunes no hiciera falta tener que definirlos como si clases independientes fuera.
Espero y deseo haber podido explicarme con claridad y ante cualquier duda que pueda surgir estaré atento a actualizaciones de este hilo.
Atentamente Rafael.
