Preguntas con la etiqueta [pseudo-element]
Seleccionar y manipular pseudoelementos CSS como ::before y ::after usando javascript (o jQuery)
¿Hay alguna forma de seleccionar/manipular pseudoelementos 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:
Propiedad de contenido CSS: ¿es posible insertar HTML en lugar de texto?
Me pregunto si es posible de alguna manera 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>'; }
Cómo rotar el valor del contenido de un pseudoelemento
Dado que los pseudoelementos están en línea y no se pueden transformar elementos en línea, ¿cómo puedo hacer que la rotación funcione en el valor del contenido de un pseudoelemento?
CSS: ¿Cómo eliminar pseudoelementos (después, antes,...)?
Me gustaría utilizar un modificador 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
Html/Css Triángulo con pseudoelementos
Estoy intentando crear una forma de triángulo con los pseudoelementos. como el de la imagen de abajo. Pero esto es lo que obtengo. Esto es lo que he probado hasta
¿Puedo usar un pseudoelemento :before o :after en un campo de entrada?
Estoy intentando utilizar el :afterpseudoelemento 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
::la primera letra no cuenta `@` y aplica css en 2 letras
mientras juega ::primera letra cuando la cadena comienza con @entonces colorea 2 letras. footer { color: mediumseagreen; font-size: 2rem; font-style: italic; } footer::first-letter { color: purple; } <footer>@xyz</footer> <footer>xyz</footer> Ejecutar
¿Puedo cambiar la altura de una imagen en CSS: antes/:después de pseudoelementos?
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')
¿Hay alguna manera de usar SVG como contenido en un pseudo elemento ::before o ::after?
Me gustaría usar ::beforepara colocar imágenes SVG antes de algunos elementos seleccionados: #mydiv::before { content: '<svg ... code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0 10px;
Font Awesome 5 en pseudoelementos muestra un cuadrado en lugar de un icono
Estoy intentando cambiar el contenido de un spanicono de Font Awesome directamente desde la página CSS, pero parece que no puedo hacerlo funcionar correctamente. 1) He importado FA de la
CSS: no (: último hijo): después del selector
Tengo una lista de elementos, que tienen el estilo siguiente: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li>
¿Por qué no es posible combinar pseudoelementos/clases específicas del proveedor en un conjunto de reglas?
En CSS es posible aplicar estilo al placeholdertexto dentro de una entrada utilizando una combinación de pseudoclases y pseudoelementos específicos del proveedor (para obtener la mejor cobertura en todos los
