Estoy buscando una manera en JS para inspeccionar o verificar el estado actual de las reglas CSS dinámicamente en tiempo de ejecución (usando la función de reflexión del navegador, posiblemente) en lugar de confiar solo en la herramienta del desarrollador del navegador para ver qué reglas están "anuladas" o filtradas. Pensando en una analogía en los lenguajes procedimentales, normalmente hay una forma de verificar el estado o resultado de cada instrucción o función que llamamos (por ejemplo, verdadero/falso).

 .mybutton#submit { color: red; } .mybutton { color: blue; }

En otras palabras, estoy preguntando si hay una manera fácil de implementar is_valid hipotético a continuación.

 var sheet = document.styleSheets[0]; var rules = sheet.cssRules || sheet.rules; is_valid(rules[0]); //True is_valid(rules[1]); //False