Css-ben meglehet oldani valahogy, hogy egy formázás mindenféleképpen felülírja a többit szülő/gyerek kapcsolatot figyelmen kívül hagyva?

Nézz utána a hierarchiának.

Az "in-line" (nem biztos, hogy ez a neve; arra gondolok, amit a HTML-tagbe írunk a style attribútumba) a legerősebb asszem.

Ez után jön talán az id alapú.

Utána az osztály alapú.

Végül a típus/elem alapú.

Ezeket persze összekuszálják az általad említett szülő-gyerek kapcsolatok.

Írok egy példát:

<div id="a" class="a">

<div id="b" class="b"></div>

</div>

Ha mondjuk van egy ilyan szülő-gyerek kapcsolaton alapuló szabályod:

div.a div.b {...}

Akkor ennél szerintem erősebb lesz egy ilyen:

div#b {...}

De ha ilyened van:

div#a div#b {...}

Vagy ilyened:

div.a div#b {...}

Akkor már kérdéses...

Ezt így fejből írtam, ha találok valami pontosabbat, belinkelem, leírom.