[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?

[#luq]

Generalnie ja osobiście wykorzystuję kilka klas opisujących stan elementu (który jest zmieniany w js) tak abym wiedział o co chodzi.
Np. takimi klasami są

.disabled - kiedy przycisk, klocek, menu (obojętnie co) jest zablokowane - najczęściej nadaje wtedy wyszarzone tło, brak cursor: pointer etc.
.selected - aktualnie wybrane, np. kiedy mam menu z ul i jedno li może być zaznaczone, po kliknięciu nadaje mu klasę .selected i wtedy daję obramowanie albo zielone tło etc.