Programación pseudo-element

22

Seleccionar y manipular pseudoelementos CSS como :: before y :: after usando jQuery

¿Hay alguna manera de seleccionar / manipular pseudo-elementos CSS como ::beforey ::after(y la versión anterior con un punto y coma) usando jQuery? Por ejemplo, mi hoja de estilo tiene la siguiente regla: .span::after{ content:'foo' } ¿Cómo puedo cambiar 'foo' a 'bar' usando jQuery?

943 javascript jquery css jquery-selectors pseudo-element

20

¿Puedo usar un pseudo-elemento: before o: after en un campo de entrada?

Estoy tratando de usar el :afterpseudo-elemento CSS en un inputcampo, pero no funciona. Si lo uso con a span, funciona bien. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Esto funciona (pone el smiley después de "¡buu!" Y antes de "un poco más") <span class="mystyle">buuu!</span>a some more Esto no funciona: solo …

685 html css pseudo-element css-content

8

CSS: no (: último hijo): después del selector

Tengo una lista de elementos, que tienen el siguiente estilo: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento Salidas en One | Two | Three | Four | …

370 css css-selectors pseudo-element

6

Cómo escribir: condición de desplazamiento para a: before y a: after?

¿Cómo escribir :hovery :visitedcondicionar a:before? Lo intento a:before:hoverpero no funciona

347 css css-selectors pseudo-element pseudo-class

12

¿Puedo cambiar la altura de una imagen en CSS: before /: after pseudo-elements?

Supongamos que quiero decorar enlaces a ciertos tipos de archivos usando una imagen. Podría declarar mis enlaces como <a href='foo.pdf' class='pdflink'>A File!</a> entonces tener CSS como .pdflink:after { content: url('/images/pdf.png') } Ahora, esto funciona muy bien, excepto si pdf.pngno es el tamaño correcto para mi texto de enlace. Me gustaría …

251 css pseudo-element

3

Propiedad de contenido CSS: ¿es posible insertar HTML en lugar de texto?

Solo me pregunto si de alguna manera es posible hacer que la contentpropiedad CSS inserte código html en lugar de una cadena :beforeo :afterun elemento como: .header:before{ content: '<a href="#top">Back</a>'; } esto sería bastante útil ... Se podría hacer a través de Javascript, pero usar CSS para esto realmente facilitaría …

246 html css pseudo-element css-content

7

CSS: ¿Cómo eliminar pseudo elementos (después, antes, ...)?

Me gustaría usar un interruptor para el diseño de etiquetas de párrafo en una página web. Yo uso el pseudoelemento posterior: p:after {content: url("../img/paragraph.gif");} Ahora necesito eliminar este código CSS de la página. ¿Cómo se puede hacer esto fácilmente? Quiero agregar eso: jQuery ya se usa en la página y …

236 javascript html css pseudo-element

3

Combinar: después con: hover

Quiero combinar :aftercon :hoverCSS (o cualquier otro pseudo selector). Básicamente tengo una lista y el elemento con la selectedclase tiene una forma de flecha aplicada usando :after. Quiero que lo mismo sea cierto para los objetos que se ciernen sobre ellos pero no puedo hacer que funcione. Aquí está el …

176 css css-selectors pseudo-element

2

css rotar un pseudo: después o: antes del contenido: ""

de todos modos para hacer que una rotación funcione en el pseudo content:"\24B6"? Estoy tratando de rotar un símbolo Unicode.

159 css rotation pseudo-element

9

Usando CSS: antes y: después de pseudo-elementos con CSS en línea?

Estoy haciendo una firma de correo electrónico HTML con CSS en línea (es decir, en CSS styleatributos), y estoy curioso en cuanto a si es posible utilizar las :beforey :afterlos pseudo-elementos. Si es así, ¿cómo implementaría algo como esto con CSS en línea? td { text-align: justify; } td:after { …

141 html css css-selectors pseudo-element inline-styles

2

: después vs. :: después

¿Hay alguna diferencia funcional entre el CSS 2.1 :aftery los ::afterpseudo-selectores CSS 3 (aparte de que ::afterno es compatible con navegadores antiguos)? ¿Hay alguna razón práctica para usar la nueva especificación?

133 css css-selectors pseudo-element pseudo-class

4

Usando: antes del pseudo elemento CSS para agregar una imagen a modal

Tengo una clase CSS Modalque está absolutamente posicionada, indexada en z por encima de su padre y bien posicionada con JQuery. Quiero agregar una imagen de intercalación (^) en la parte superior del cuadro modal y estaba buscando usar el :beforepseudo selector de CSS para hacer esto limpiamente. La imagen …

116 css modal-dialog pseudo-element

3

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

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

116 css css-selectors pseudo-element css-content

6

¿Debo usar la notación de dos puntos simples o dobles para los pseudoelementos?

Dado que IE7 e IE8 no admiten la notación de dos puntos para pseudoelementos (por ejemplo, ::aftero ::first-letter), y dado que los navegadores modernos admiten la notación de dos puntos (por ejemplo :after) para compatibilidad con versiones anteriores, ¿debería usar únicamente la notación de dos puntos y cuándo La cuota …

108 css internet-explorer-8 css-selectors internet-explorer-7 pseudo-element

3

CSS: después de no agregar contenido a ciertos elementos

Tengo problemas para comprender el comportamiento de la :afterpropiedad CSS . Según la especificación ( aquí y aquí ): Como sus nombres indican, las :beforey los :afterpseudo-elementos especifican la ubicación del contenido antes y después del contenido del árbol de documentos de un elemento. Esto no parece imponer restricciones sobre …

100 css pseudo-element

Preguntas etiquetadas con pseudo-element