[CSS]Używanie tej samej klasy w różnych kontekstach Opcje

[konrados]

Cześć,

To raczej takie bardzo podstawowe pytanie:)

Mam więc na stronce powiedzmy dwa rodzaje buttonów, niebieski i zielony, które chcę wystylizować. Kod html wygląda tak:

[HTML] pobierz, plaintext 
<div class = 'przycisk_niebieski'>
 <div class = 'tytul'>Jakis tytul przycisku niebieskiego</div>
</div>
 
<div class = 'przycisk_zielony'>
 <div class = 'tytul'>Jakis tytul przycisku zielonego</div>
</div>
[HTML] pobierz, plaintext 

No i css wyglądałby tak:

[HTML] pobierz, plaintext 
.przycisk_niebieski .tytul{
 color:blue;
}
 
.przycisk_zielony .tytul{
 color:green;
}
[HTML] pobierz, plaintext 

Jak widać, użyłem klasy o tej samej nazwie 'tytul' chociaż w różnych kontekstach i teraz pytanie: czy to jest dozwolone i zgodne ze standardami?