Animacja CSS z użyciem motody addClass() z JQuery

Witam. Postaram się uprościć pytanie najbardziej jak mogę.

Chcę stworzyć animacje (dajmy na to wzmocnienie opacity z wartości 0 do pełnej 1)

Moja sytuacja wymaga uzycia jQuery i metody addClass. Po przewinięciu strony poniżej 200px jQuery doda klasę i dodanie tej klasy spowoduje przejście(transition). Opacity z 0 zmieni się na 1.
w takim przypadku w CSS trzeba zrobić tak:

#mojeID{
        opacity: 0.1;
	-webkit-transition: opacity 2s ease;
	-moz-transition: opacity 2s ease;
	-o-transition: opacity 2s ease;
	transition: opacity 2s ease; 
}
#mojeID.klasaktorabededodawal{
opacity: 1;
}

Dlaczego w kodzie muszę wpisac #ID.klasa{ opacity: 1; } aby to działało? Czy jezeli jQuery dodaje klasę to nie mogę tej klasy zapisac osobno? Chciałbym zeby mi ktos wytłumaczył dlaczego musi to byc zapisane dokładnie tak: #ID.klasa ?

Krótko:
ID jest ważniejsze niż klasa. Regułą z samą klasą nie nadpiszesz reguły z ID.

Konkretnie:
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Po polsku i konkretnie?
Nie wiem, szukaj w Google specyficznosc css.