CSS pseudo-código no es reconocido por jQuery

mi CSS pseudo-código no es reconocido por jQuery: aquí está mi códigoCSS pseudo-código no es reconocido por jQuery

css:

h1 { 
    background: red; 
    width: 100px; 
    display: inline-block; 
} 

h1:after { 
    content:" | "; 
    background:blue; 
    display: inline-block; 
}

después en jQuery que hago:

console.log($('h1').css('backgroundColor'));

es muestra:

rgb(255, 0, 0)

pero cuando lo hago:

console.log($('h1:after').css('backgroundColor'));

es muestra:

undefined

Fuente

2012-02-14 rcs20

No estoy Seguro que puede. Vea este enlace: http://stackoverflow.com/questions/2651739/how-to-access-css-generated-content-with-javascript Dicho esto, está utilizando jQuery. Si ya está utilizando jQuery, ¿para qué molestarse con el CSS: después? Simplemente inserte su contenido usando jQuery para comenzar. –

Porque el pseudo código ya está allí y necesito cambiar el color de fondo y otras propiedades. – rcs20

Ese es mi punto. Si usa jQuery para insertar el contenido, puede cambiar todos los estilos incluso antes de insertarlo. –

no puede seleccionar CSS pseudo-elementos, ya que en realidad no existen en el DOM

Fuente

2012-02-14 17:03:25

CSS pseudo-código no es reconocido por jQuery

Respuesta

Cuestiones relacionadas