jquery - selectors - specificity css calculator

¿Puede un css completo ".class" tener la especificidad como? importante?

Question

Estoy trabajando mucho en los widgets de jQuery UI y la temática se está volviendo difícil debido a una supervisión que necesito solucionar.

Considera este problema:

<div id="node" class="ui-widget">
    <div class="ui-widget-content">
    </div>
</div>

entonces este jQuery

<script>
 $(function() { 
       $(''#node'').hover(function (){
           $(this).toggleClass("ui-state-error");
       });
 }); 
</script>

Me gustaría que el error de estado de ui fuera importante para el div anidado. Este es un pseudo código, pero encuentro grandes ejemplos de esto que ocurre cuando los contenedores tienen swaps css y los niños (básicamente) lo ignoran. Lo que es aún peor es esto: si quisiera poder sobrescribir en jQuery, diga "backgroundcolor = ui-state-error: error de color de fondo: sabiendo que el 100% no se descompone porque no" sé " Necesariamente ese fondo es el importante para el elemento en cuestión.

Aquí hay un violín de un caso en cuestión http://jsfiddle.net/WCuYH/1/

EDITAR Voy a recomendar que esta pregunta está cerrada porque no ha habido ningún intento de respuesta, solo una desviación de la esencia de la publicación original

Answer 1

En primer lugar !important aplica a una declaración específica en una regla CSS. No se aplica a una clase. Entonces, "no", ¡no puedes hacer una clase !important

En segundo lugar !important es solo una parte de la especificidad de CSS. También puede usar otras formas para hacer que una regla sea una regla más específica para tener prioridad (como referirse a un id en la cadena principal en lugar de solo a la clase. Cuando escribo CSS, usar! Important es mi última opción posible - Prefiero resolver las anulaciones con otras soluciones de especificidad. Por lo general, si controla todo el CSS, es bastante fácil de evitar usar !important . Si tiene que anular algunos CSS que no controla, a veces es práctico.

Si su código jQuery va a alternar una clase en el objeto, entonces deberá diseñar sus reglas CSS para que agregar / eliminar esta clase haga que las declaraciones CSS correctas tengan prioridad. Para ayudarlo a seguir con esa parte, debe mostrarnos las partes relevantes de su HTML y CSS para que podamos asesorarle sobre cómo resolver su problema de precedencia / especificidad.