¿Extensión generadora de prioridades CSS? Como todos sabemos mientras mas especifica es una regla css más prioridad tiene sobre las otras. Un ejemplo rapido para ponernos en situación.
Código PHP:
<body>
<div class='wrap'>
<p>Hola mundo!</p>
</div>
<body>
Código CSS:
Ver original
Como podemos ver, aunque las tres reglas css, afectaran al elemento p, la que priorizara y será la que finalmente aplique el color al parrafo, será la última (en verde) ya que es mucho mas concreta y especifica que las anteriores.
Bien, me gustaria saber si alguien conoce alguna extensión para firefox o chrome u opera, o algun pluggin para sublime text, o alguna herramienta externa (lo ideal para mi sería una extesión para firebug de firefox [y la repanocha sería que fuera compatible con nightly o aurora]) con la que generar reglas de css con la máxima prioridad posible.
Desde ya adelanto, que la opcion de !important no es una solución para mi. Ya que el problema esta en que tengo bloques de estructuras identicos, con clases globales identicas y que practicamente la unica forma de diferencia que tengo es la posición de los elementos. Os pongo un ejemplo de algunas reglas que he tenido que usar para maquetar un elemento en concreto:
Código CSS:
Ver original
Como veis, tengo que hacer autenticos malabares para poder selecionar algunos elementos, y obviamente llegar a estas regla suponen un rato de escrutinio de la estructura del DOM. Es por esta cantidad de tiempo que empleo que busco alguna herramienta que me ayude a agilizar el trabajo.
Toda ayuda o consejo que me brindeis, será bien agradecido.
Gracias de antemano comunidad.
Un saludo.
sólo comento que la pregunta es muuuy interesante, aunque también se me hace un caso extremo. Me gustaría ver esta página tan compleja, y por qué la necesidad de estilos tan particulares.
Es increíble que en la otra empresa sean tan descuidados.
