Articles of css selectores

CSS: pseudo clase activa – elementos secundarios de destino en IE

Estoy haciendo un botón de fantasía que tiene efectos flotar y hacer clic. El botón se ve algo así como:   Email Us   Mi problema está en tratar de acceder a los tres elementos de span en mi css así: .redB:active span.a{background-position:0 -432px} .redB:active span.b{background-position:0 -504px} .redB:active span.c{background-position:0 -576px} Esto funciona bien en FF […]

Tamaño de elementos en función del número de hermanos en un solo contenedor SCSS

Tengo este ejemplo: … y el artículo- # podría ser tan alto como 48. Lo que quiero hacer es apuntar a cada .item- único y darle un color diferente. Intenté jugar con esto en SCSS: @for $i from 1 through 48 { .item-#{$i} { &:nth-child(1):nth-last-child(2), &:nth-child(2):nth-last-child(1) { color: red; } } } … pero no […]

Seleccionar elemento HTML interno en CSS

¿Cómo puedo usar los selectores de CSS para aplicar un estilo solo al elemento interno de una lista? Ejemplo: Fragmento HTML: Item 1 Subitem 1 Subitem 2 Subitem 1.1 Fragmento de CSS: ul.list { border: 1px solid red; } Lo que necesito es tener un borde solo alrededor de la cadena “Subitem 1.1”. La lista […]

Selector comodín para cada tipo de entrada

Me gustaría saber si hay algún selector de comodín para una input[type=””] . Algo como input[type=”*”] ?

¿Por qué no funciona nth-of-type?

Tengo el siguiente HTML: Questions Answers Estoy tratando desesperadamente de seleccionar y diseñar el segundo elemento h1 con la clase “user-show-tab-title” (el que tiene “respuestas”), pero por algún motivo .user-show-tab-title:nth-of-type(1) selecciona a ambos y .user-show-tab-title:nth-of-type(2) no selecciona nada. ¿Lo que da?

Seleccione varios elementos secundarios utilizando nth-child

div div p:nth-child(1 to 5) ¿Cómo puedo seleccionar varios números con el nth-child, así que obtengo los elementos secundarios del 1 al 5 sin tener que escribir: div div p:nth-child(1), div div p:nth-child(2), div div p:nth-child(3), div div p:nth-child(4), div div p:nth-child(5) { } Entonces debería verse así: div div p:nth-child(1 to 5)

¿Importa el orden de etiqueta, id, clase y atributo en el selector de CSS?

Considere el siguiente marcado HTML: ¿Son los siguientes selectores iguales ( o incluso válidos ): CSS input#foo.bar[name=baz] { } input.bar#foo[name=baz] { } input[name=baz].bar#foo { } /* etc */ ¿Y es posible mover el nombre del elemento a, digamos, terminar? Edición: sé qué es la especificidad, quiero saber en qué orden se deben especificar la etiqueta, […]

CSS – seleccionar elemento sin texto dentro

¿Hay alguna forma de seleccionar algún elemento que no tenga texto dentro? Qué significa: Digamos que tenemos tales elementos <– this is empty <– this is not empty, but dont have text Ambos no tienen texto, sin embargo, solo uno de ellos está vacío y se puede seleccionar con :empty . Quiero que se seleccionen […]

¿Es posible seleccionar un elemento basado en la página actual usando solo CSS?

considerando que tengo un solo archivo css para todo mi sitio web (y hacerlo es una técnica habitual), me preguntaba si hay una manera de seleccionar atributos de todo el sitio web como body (o cualquier otro atributo de hecho) de acuerdo con la versión actual. página utilizando solo css. Algo como body:in(‘index.html’) { some […]

Añadiendo marcas de agua a textarea

Cómo agregar marcas de agua como “Enter textarea” para un textarea. Gracias..