Si el HTML tiene elementos como este: id="product42" id="product43" ... ¿Cómo hago coincidir todas las identificaciones que comienzan con "producto"? He visto respuestas que hacen esto exactamente usando javascript, pero ¿cómo hacerlo solo con
Vi este selector en Twitter Bootstrap: .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } ¿Alguien sabe cómo se llama esta técnica y qué
Tengo un componente en Angular 2 llamado my-comp: <my-comp></my-comp> ¿Cómo se estiliza el elemento host de este componente en Angular 2? En Polymer, usaría el selector ": host". Lo probé en Angular 2. Pero no funciona. :host { display: block; width: 100%; height:...
<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Quiero seleccionar...
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í...
Actualmente estoy trabajando en un proyecto donde no tengo control sobre el HTML al que estoy aplicando estilos CSS. Y el HTML no está muy bien etiquetado, en el sentido de que no hay suficientes declaraciones de id y clase para diferenciar entre elementos. Por lo tanto, estoy buscando formas de...
Esto debería ser simple, pero tengo problemas para encontrar los términos de búsqueda. Digamos que tengo esto: <div class="a c">Foo</div> <div class="b c">Bar</div> En CSS, ¿cómo puedo crear un selector que coincida con algo que coincida con "(.a o .b) y .c"? Sé que...
Quiero aplicar una regla CSS a cualquier elemento cuya clase coincida con el prefijo especificado. Por ejemplo, quiero una regla que se aplique a div que tiene una clase que comienza con status-(A y C, pero no B en el siguiente fragmento): <div id='A' class='foo-class status-important...
Lo que me gustaría hacer (obviamente no en IE) es: p:not(.list):last-child + :text { margin-bottom: 10px; } Lo que daría un margen de texto a un nodo. (¿Es eso posible?) ¿Cómo obtendría el nodo de texto con
¿Cómo puedes seleccionar el primero y el último TDde una fila? tr > td[0], tr > td[-1] { /* styles
Tengo algunos enlaces que quiero seleccionar clase e identificación al mismo tiempo. Esto se debe a que tengo 2 comportamientos diferentes. Cuando una clase de enlaces tiene un nombre de clase, se comportan de una manera, cuando el mismo grupo de enlaces obtiene otro nombre de clase, se comportan...
Estoy buscando un selector de CSS que me permita seleccionar el último hijo de la lista. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is...
Una pregunta difícil sobre el selector de CSS, no sé si es posible. Digamos que este es el diseño HTML: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Quiero seleccionar el...
Escuché varias veces que el activo más fuerte de jQuery es la forma en que consulta y manipula elementos en el DOM: puede usar consultas CSS para crear consultas complejas que serían muy difíciles de hacer en JavaScript normal. Sin embargo, hasta donde yo sé, puede lograr el mismo resultado con...
He visto este personaje varias veces en archivos CSS pero no tengo idea de cómo se usa. ¿Alguien me lo puede explicar y mostrar cómo son útiles para facilitar el estilo de una
Cómo cambiar el estilo del elemento secundario cuando hay un elemento emergente sobre el elemento primario. Preferiría una solución CSS para esto si es posible. ¿Hay alguna solución posible a través de: desplazar los selectores CSS. En realidad, necesito cambiar el color de la barra de opciones...
Me gustaría apuntar a todas las etiquetas h en una página. Sé que puedes hacerlo de esta manera ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } ¿Pero hay una manera más eficiente de hacer esto usando selectores avanzados de CSS? por ejemplo, algo como: [att^=h] {...
Actualmente estoy usando readonly = "readonly" para deshabilitar los campos. Ahora estoy tratando de diseñar el atributo usando CSS. He intentado usar input[readonly] { /*styling info here*/ } pero no funciona por alguna razón. También he intentado input[readonly='readonly'] { /*styling info...
¿Cómo aplico un estilo a un cuadro de entrada vacío? Si el usuario escribe algo en el campo de entrada, el estilo ya no debería aplicarse. ¿Es esto posible en CSS? Intenté
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...