Stylowanie zagnieżdżonych elementów

Zastanawiam się, bo liczę, że to możliwe, jak stylować tekst w takiej sytuacji:
Załóżmy, że mamy tabelę w której są dwa wiersze tekstu i opakowane są w klasy .wiersz-glowny (pogrubiony, większa czcionka), .wiersz-dodatkowy (mniejsza czcionka, kursywa). Tabela ma klasę podmieniany przez Jquery w momencie kliknięcia/wybrania wiersza, np. .wiersz-zaznaczony (tło przyciemnione, lekkie obramowanie). W podglądzie narzędzia deweloperskiego na wierszu tabeli jest np. class="zawartosc wiersz-parzysty wiersz" i np. gdy kliknięty jest wiersz to class="zawartosc wiersz-parzysty wiersz wiersz-zaznaczony" i wewnątrz jest dopiero .wiersz-glowny np. i jak można sprawić, że tekst w .wiersz-glowny byłby biały jeśli występuje .wiersz-zaznaczony? Jestem kiepski w CSS, ale mam wrażenie, że dla kogoś obytego to pestka.

Chodzi Ci o coś takiego?

.wiersz-glowny {
  color: red;
}

.wiersz-zaznaczony .wiersz-glowny {
  color: white;
}

To nie działa. Może nadmienię, że w wierszach są div-y z klasami .wiesz-glowny/.wiersz-dodatkowy.

Poradziłem sobie z pseudoklasą

:active

Możesz też zawsze dodać do głównej klasy " Color: white !important"