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?

Jak najbardziej, bo czemu by nie?

O, dzięki za tak szybką odpowiedź

No nie byłem pewien i dlatego z reguły robiłem raczej osobny styl: .przycisk_niebieski_tytul

No to fajnie, że można inaczej, dzięki raz jeszcze!

Spoko. Mozna jak najbardziej ale tylko przy uzyciu klasy, bo id to juz powtorzyc sie nie powinno.

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.