html - selectores - selector padre css

Selector de CSS por atributo de estilo en línea

Question

¿Hay un selector de 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]

Answer 1

El atributo de style línea no es diferente de ningún otro atributo de HTML y puede combinarse con un selector de atributo de subcadena:

div[style*="display:block"]

Sin embargo, es por esta misma razón que es extremadamente frágil . Como los selectores de atributos no admiten expresiones regulares, solo puede realizar coincidencias de subcadenas exactas del valor del atributo. Por ejemplo, si tiene un espacio en algún lugar en el valor del atributo, como este:

<div style=''display: block''>...</div>

No coincidirá hasta que cambie su selector para acomodar el espacio. Y luego dejará de coincidir los valores que no contienen el espacio, a menos que incluya todas las permutaciones, ad nauseum. Pero si está trabajando con un documento en el que es poco probable que las declaraciones de estilo en línea cambien, debería estar bien.

Tenga en cuenta también que esto no es en absoluto la selección de elementos por sus valores reales especificados, calculados o utilizados como se refleja en el DOM. Eso no es posible con los selectores de CSS.