Los selectores son patrones que coinciden con elementos en un árbol de documentos. En una regla CSS, se usan para definir estilos para elementos que coinciden con el patrón.
¿Cómo selecciono el <li>elemento que es un padre directo del elemento de anclaje? Como ejemplo, mi CSS sería algo como esto: li < a.active { property: value; } Obviamente, hay formas de hacerlo con JavaScript, pero espero que exista algún tipo de solución nativa para CSS Nivel 2. El...
На этот вопрос есть ответы en Stack Overflow на русском : Селектор левых соседей El signo más ( +) es para el próximo hermano. ¿Hay un equivalente para el hermano
¿Qué caracteres / símbolos están permitidos dentro de los selectores de clase CSS ? Sé que los siguientes caracteres no son válidos , pero ¿qué caracteres son válidos ? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | `
Tengo un montón de elementos con un nombre de clase red, pero parece que no puedo seleccionar el primer elemento class="red"usando la siguiente regla CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Ejecutar fragmento de...
Buscar el ~personaje no es fácil. Estaba mirando un poco de CSS y encontré esto .check:checked ~ .content { } Qué significa
Tengo una divetiqueta que contiene varias uletiquetas. Puedo configurar las propiedades CSS solo para la primera uletiqueta: div ul:first-child { background-color: #900; } Sin embargo, mis siguientes intentos de establecer propiedades CSS para cada uletiqueta, excepto la primera, no...
Por ejemplo: p + p { /* Some declarations */ } No sé lo que +significa. ¿Cuál es la diferencia entre esto y solo definir un estilo para pfuera +
Estoy tratando de seleccionar inputelementos de todos los types excepto radioycheckbox . Muchas personas han demostrado que puedes poner múltiples argumentos :not, pero el uso typeno parece funcionar de todos modos, lo intento. form input:not([type="radio"], [type="checkbox"]) { /* css here...
Tengo estos divs con los que estoy diseñando .tocolor, pero también necesito el identificador único 1,2,3,4, etc., así que lo agrego como otra clase tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div...
Me gustaría escribir una regla de selector de CSS que seleccione todos los elementos que no tienen una clase determinada. Por ejemplo, dado el siguiente HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some...
Los selectores de CSS coinciden con los motores del navegador de derecha a izquierda. Entonces, primero encuentran a los niños y luego verifican a sus padres para ver si coinciden con el resto de las partes de la regla. ¿Por qué es esto? ¿Es solo porque la especificación dice? ¿Afecta el diseño...
Estoy buscando un selector CSS para la siguiente tabla: Peter | male | 34 Susanne | female | 12 ¿Hay algún selector que coincida con todos los TD que contengan
¿Es posible seleccionar elementos en CSS por sus atributos de datos HTML5 (por ejemplo
Por ejemplo: div > p.some_class { /* Some declarations */ } ¿Qué significa exactamente el
¿Hay alguna manera de seleccionar un elemento con CSS basado en el valor del atributo de clase que se establece en dos clases específicas? Por ejemplo, digamos que tengo 3 divs: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div...
¿Cómo puede seleccionar todos los elementos secundarios de forma recursiva? div.dropdown, div.dropdown > * { color: red; } Esta clase solo arroja una clase en el className definido y todos los elementos secundarios inmediatos. ¿Cómo puede, de una manera simple, elegir todos los ChildNodes...
¿Cómo seleccionaría todos menos el último hijo usando los selectores CSS3? Por ejemplo, obtener solo el último hijo sería
¿Cómo puedo dirigir campos de entrada de tipo 'texto' usando selectores CSS?
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>
Tengo una regla de estilo que quiero aplicar a una etiqueta cuando tiene dos clases. ¿Hay alguna forma de realizar esto sin JavaScript? En otras palabras: <li class='left ui-class-selector'> Quiero aplicar mi regla de estilo solo si se lihan aplicado las dos .lefty las