Preguntas etiquetadas con css-selectors

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 

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 podría hacer esto: .a.c,.b.c { /* …

176 html  css  css-selectors 

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 bar-class'></div> <div id='B' class='foo-class …

175 css  css-selectors 

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 CSS?

173 css  css-selectors 

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 de …

170 jquery  dom  jquery-selectors  css-selectors 

¿Cómo puedes seleccionar el primero y el último TDde una fila? tr > td[0], tr > td[-1] { /* styles */ }

170 css  css-selectors 

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 --> <li>6</li> </ul> Método estático: ul li:nth-child(5) Método dinámico: ul li:last-child(-1) que, por supuesto, …

161 css  css-selectors 

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 último div, que se muestra (es decir, no display:none), que sería el tercero diven el ejemplo dado. Eso sí, el …

161 html  css  css-selectors 

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 …

161 javascript  jquery  html  css-selectors  jquery-selectors 

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 página?

159 css  css-selectors 

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 dentro de un …

155 css  css-selectors 

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] { …

154 css  css-selectors 

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 here*/ } eso tampoco funciona. ¿Cómo puedo diseñar el …

150 html  css  css-selectors 

¿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é esto: input[value=""]

141 css  input  css-selectors 

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