JMiur [E]

En CSS, un selector es un vínculo entre el HTML y la hoja de estilo. Todas las etiquetas son selectores y cada uno de ellas posee un conjunto de propiedades generales y particulares. Pero como esto es insuficiente, también existen selectores especiales que nos permiten crear reglas muy específicas.

11 comentarios:

pyrat  

JMiur eres un crack! ;)

Responder
Asesino Cereal  

Si le quito el :before, puedo usarlo para que sólo los enlaces con target="_blank" tengan el color que tienen ahorita?
Es decir, tengo una regla CSS para cambiar de color a todos los enlaces con la clase "ENLACE", ¿bastaría si a esa regla le agrego un [target="_blank"]?

Responder
Adrián J. Messina  

Excelente la explicación, una clase magistral.
Mis millones de "target="_blank" se van a poner a bailar... =)

Responder
JMiur  

Asesino Cereal:
Sí; por ejemplo, poniendo:
a { color:blue; }
a[target="_blank"] { color:red; }
todos los enlaces serian azules pero los que tengan el atributo target, serán rojos.

Responder
Sergio Molina  

Oye jmiur formulé mal mi pregunta:


La pregunta es como hago para que diferenciar estos enlaces solo en las entradas no en todo el blog, y en que parte del estilo va este codigo!

Responder
JMiur  

Como toda regla de estilo, el Blogger va entre <b:skin> </b:skin> o entre etiquetas <style> </style>

En cuanto a que sólo afecte a las entradas en si mismas, dependerá de la plantilla pero, así, en general, en un blog de Blogger bastaría indicar la clase antes que la etiqueta::

.post-body a.[target="_blank"] {}
.post-body a[target="_blank"]:before {}
.post-body a[target="_blank"]:after {}

Responder
Sergio Molina  

No me doy lo intente y nada no pude arreglarlo

Responder
JMiur  

Tendría que ver tu ejemplo y que has colocado.

Responder
jose antonio  

He añadido
.post-body a[target="_blank"]:after { content: url(https://dl.dropbox.com/u/17409693/images/images_body/out.gif);margin-left: 3px;} a mi plantilla pero me sigue apareciendo junto a las imágenes en las paginas externas. ¿como lo quito?. Gracias.

Responder
jose antonio  

Me respondo.
Añadido en el style type='text/css' de la página:

.post-body a[target="_blank"]:after {content: none; margin-left: 0px;}

Con esto, a mi, no me aparece el signo de externización junto a las imagenes que son enlaces. Un Saludo

JMiur  

Tendría que ver tu ejemplo para saber qué has hecho.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR