html - utilizar - tipos de selectores css etiqueta id clase pseudo selectores compuestos
¿Selector de CSS para elemento dentro de elemento con estilo en línea? (4)
¿Hay un selector de CSS para orientar elementos con estilos en línea? Entonces, ¿puedo apuntar al primer tramo pero no al segundo solo con CSS?
Si no, ¿se puede hacer con jQuery?
<p style="text-align: center;">
<span>target</span>
</p>
<p>
<span>not target</span>
</p>
Si desea aplicar estilos a una declaración de regla en particular, también puede usar style *. Esto coincidirá con todos los elementos que tienen el estilo en línea, independientemente del valor aplicado.
div[style*="background-image"] {
background-size: cover;
background-repeat: no-repeat;
}
Un poco tarde para la fiesta del té, pero pensé en compartir la solución que encontré y uso.
La respuesta de @Simone es perfecta si puede igualar el atributo de estilo exactamente. Sin embargo, si necesita apuntar a un atributo de estilo en línea que pueda tener asociados otros estilos en línea, puede usar:
p[style*="text-align:center;"]
"* =" significa "coincide con el siguiente valor en cualquier parte del valor del atributo".
Para más referencias o información más detallada sobre otros selectores, vea esta publicación del blog en css-tricks.com:
El flaco en los selectores de CSS
utilizar :
p[style] span {
color: red;
}
p[style="text-align: center;"] {
color: red;
}
Sin embargo esto es feo.