W opisanym scenariuszu chodzi o to, aby zastosować styl do wybranych elementów, ale nie do wszystkich podobnych elementów na stronie. Najbardziej typowym i właściwym narzędziem w CSS jest wtedy klasa, ponieważ:
- klasę można przypisać wielu elementom,
- umożliwia grupowanie elementów według roli/wyglądu (np. "przycisk", "ostrzeżenie"),
- nie narzuca unikalności i nie "zamyka" rozwiązania do jednego elementu.
Odpowiedź "Użyj identyfikatora CSS." bywa wybierana, bo selektor identyfikatora jest często kojarzony jako "dokładny". Jednak w praktyce id powinno identyfikować element unikalny w dokumencie. Używanie id do stylowania wielu elementów utrudnia ponowne użycie stylów i może prowadzić do niepoprawnej struktury dokumentu.
Odpowiedź "Użyj tagu HTML." oznaczałaby stylowanie selektorem znacznika (np. wszystkich akapitów lub wszystkich list). To przeczy warunkowi "nie do innych", bo selektor tagu obejmuje wszystkie elementy danego typu na stronie (o ile nie zastosuje się dodatkowych ograniczeń).
Odpowiedź "Użyj JavaScript." nie jest właściwa jako podstawowe rozwiązanie. JavaScript może dynamicznie dodawać/usuwać klasy lub style inline, ale do samego definiowania wyglądu i utrzymania spójności najlepiej używać CSS. Dobra praktyka: logika w JavaScript, a prezentacja w CSS, najczęściej poprzez przełączanie klas.
Wskazówka egzaminacyjna: jeśli pytanie sugeruje "wiele elementów, ale nie wszystkie", najczęściej właściwa jest klasa. Jeśli chodzi o "jeden, unikalny element" (np. główny kontener), wtedy rozważa się id, ale nadal ostrożnie, by nie podnosić niepotrzebnie specyficzności selektorów.
