Vamos supor que tenho algum CSS do tipo:
#foo input {
background-color: black;
color: white;
/* seguem mais um milhão de propriedades */
text-align: center;
z-index: 9000;
}
Todo input
filho de foo
vai ter todas essas propriedades.
Supondo que no meio da página eu queira que um único input
não tenha essa formatação... Eu sei que posso dar-lhe uma classe específica ou id específico, com novas regras de formatação. Mas apenas o que eu especificar será sobrescrito. Eu tenho que jogar um valor initial
em todas as propriedades já especificadas anteriormente para poder desfazê-las todas.
Existe alguma forma mais curta de se ignorar o CSS por apenas um trecho da página? Eu adoraria algo do tipo:
<!-- aqui acaba o CSS -->
<input blablabla />
<!-- aqui o CSS começa a valer de novo -->
Ou
<input blablabla ignoreCss="True"> <!-- seria tão bom se houvesse algo assim -->
Ou ainda
$("#idDoMeuInput").ignoreCssCompletely();
Procurei por várias alternativas em vários lugares, mas não encontrei. Existe alguma forma de fazer um elemento ignorar o CSS?