css-selectors

¿Qué caracteres/símbolos están permitidos dentro de los selectores de clase CSS? Sé que los siguientes caracteres son inválidos , pero ¿qué caracteres son válidos? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | ` #

Necesito usar el selector de atributos en css para cambiar el enlace en diferentes colores e imágenes, pero no funciona. Ten ... font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } ¿Por qué el fondo no es rojo?

Dado que IE7 e IE8 no admiten la notación de dos puntos para pseudo-elementos (por ejemplo, ::after o ::first-letter), y dado ... oo:after, .foo::after { /*styles*/ } Usar doble solo parece tonto si me importan los usuarios de IE8 (los pobres queridos).

Usando una lista estándar, estoy tratando de seleccionar los últimos 2 elementos de la lista. Tengo varias permutaciones de A ... h-last-child() pero preferiría algo que funciona en algunos navegadores más si es posible (no me importa IE particularmente).

Ya sé de :el último hijo. Pero hay una manera de seleccionar el div: <div id="container"> <div>a</div> & ... lt;div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> NOTA: sin jQuery, solo con CSS

Esta pregunta ya tiene una respuesta aquí: ¿Cómo usar el ID de elemento HTML generado por JSF con dos pu ... os como no válidos y ignorar. ¿Hay alguna manera de escapar del colon o algo así? input#search_form:expression { ///... }

¿Hay alguna manera con CSS de apuntar a todas las entradas basadas en su tipo? Tengo una clase deshabilitada que uso en vari ... uera posible... INPUT[disabled][type='text'], TEXTAREA[disabled] { background-color: Silver; } Esto funciona en IE7

Quiero aplicar una regla CSS a cualquier elemento cuya clase coincida con el prefijo especificado. Por ejemplo, quiero una r ... ¿Es factible bajo CSS 2.1? ¿Es factible bajo cualquier especificación CSS? Nota: Sé que puedo usar jQuery para emular eso.

Cómo cambiar el estilo del elemento hijo cuando se pasa el ratón sobre el elemento padre. Preferiría una solución CSS para es ... rra de opciones dentro de un panel cuando hay un hover en el panel. Buscando soporte para todos los principales navegadores.

Esta pregunta ya tiene una respuesta aquí: Sass .scss: ¿Anidamiento y múltiples clases? ... : 2em auto > a color: red :before content: "" :after content: "* * *" Por supuesto, lo anterior falla.

Una pregunta de selector CSS difícil, no sé si es posible. Digamos que este es el diseño HTML: <div></div> & ... era div en el ejemplo dado. Tenga en cuenta que el número de divs en la página real puede diferir (incluso los display:none).

Esto debería ser simple, pero estoy teniendo problemas para encontrar los términos de búsqueda para ello. Digamos que tengo e ... endo que voy a tener que hacer este tipo de lógica mucho, con una variedad de combinaciones lógicas, ¿hay una mejor sintaxis?

Lo que me gustaría hacer (no en IE obviamente) es: p:not(.list):last-child + :text { margin-bottom: 10px; } Lo que daría un margen a un nodo de texto. (¿ Es eso posible?) ¿Cómo obtengo el nodo de texto con CSS?

Investigando la especificidad Me topé con este blog - http://www.htmldog.com/guides/cssadvanced/specificity / Establece q ... s instintos me dicen que es el primero, ya QUE SABEMOS que la especificidad del selector de IDENTIFICACIÓN se ve así: 0,1,0,0

¿Hay un selector CSS para seleccionar este elemento por su valor de atributo de estilo en línea? <div style='display:block'>...</div> Algo como div[cssAttribute=cssValue]

Esta pregunta ya tiene una respuesta aquí: ¿Hay un selector padre CSS? ... tos si tienen un elemento secundario específico. Por ejemplo, seleccione todo <div> con un hijo <span>. Posible?

Me gustaría apuntar a todas las etiquetas h en una página. Sé que puedes hacerlo así... h1, h2, h3, h4, h5, h6 { font: 32p ... os? por ejemplo, algo como: [att^=h] { font: 32px/42px trajan-pro-1,trajan-pro-2; } (pero obviamente esto no funciona)

Mi objetivo es aplicar el CSS en el último li, pero no lo hace. #refundReasonMenu #nav li:last-child { border-bott ... ref="#">xyz</a></li> </ul> </div> ¿Cómo puedo seleccionar solo el último hijo?

¿Es posible tener pseudo-clases usando estilos en línea? Ejemplo: <a href="http://www.google.com" style="hover:text-d ... . Sé que debería usar una hoja de estilo externa, y lo hago. Tenía curiosidad si esto se podía hacer usando estilos en línea.

Hay algo como != (no igual) en CSS? por ejemplo, tengo el siguiente código: input { ... ... } Pero para algunas entrada ... er sería agregar alguna clase a la etiqueta de entrada, y reescribir el CSS de la siguiente manera: input.mod { ... ... }