Articles of css content

Contenido de Css, Attr y Url en la misma oración

He usado el atributo de contenido durante mucho tiempo, y hoy quería probar algo nuevo. En lugar de usar JS para mostrar una información sobre herramientas de imagen, quería saber si era posible hacerlo dinámicamente con CSS. Así que lo intenté: .TableLine:hover:after{ content: url(“../Img/Photo/”attr(id)”.jpg”); } donde attr(id) debe devolver el ID de la imagen (alfanumérico) […]

¿Puedo tener múltiples: antes de los pseudo-elementos para el mismo elemento?

¿Es posible tener múltiples :before pseudos para el mismo elemento? .circle:before { content: “\25CF”; font-size: 19px; } .now:before{ content: “Now”; font-size: 19px; color: black; } Estoy intentando aplicar los estilos anteriores al mismo elemento usando jQuery, pero solo se aplica el más reciente, nunca los dos.

¿Por qué no: antes y después de que los pseudo elementos funcionen con elementos `img`?

Estoy tratando de usar un :before pseudo elemento con un elemento img . Considere este HTML y CSS … HTML CSS img:before { content: “hello”; } jsFiddle . Esto no produce el efecto deseado (probado en Chrome 13 y Firefox 6). Sin embargo, funciona con un elemento div o span . Por qué no? ¿Hay […]

¿Por qué los pseudo-elementos: before y: after requieren una propiedad ‘content’?

Dado el siguiente escenario, ¿por qué el selector: after requiere una propiedad de contenido para funcionar? .test { width: 20px; height: 20px; background: blue; position:relative; } .test:after { width: 20px; height: 20px; background: red; display: block; position: absolute; top: 0px; left: 20px; } Observe cómo no ve el pseudo elemento hasta que especifique la propiedad […]