Jeżeli w CSS zapisano wspólne formatowanie dla grupy elementów, to w HTML trzeba wskazać, które elementy należą do tej grupy. Standardowym mechanizmem do takiego "grupowania" jest atrybut class. Dzięki temu wiele elementów może mieć tę samą wartość klasy, a selektor klasy w CSS (np. .format1) obejmie wszystkie te elementy.
Odpowiedź class="format1" jest właściwa, ponieważ:
- class może wystąpić wielokrotnie w dokumencie, więc nadaje się do wspólnego stylowania wielu elementów.
- CSS naturalnie współpracuje z klasami poprzez selektory klas, co sprzyja porządkowi w arkuszu stylów i ponownemu użyciu reguł.
Pozostałe propozycje nie spełniają warunku "formatowania grupy":
- div="format1" jest niepoprawne, bo div to nazwa elementu HTML, a nie atrybut. Atrybut o takiej nazwie nie jest standardowym sposobem wiązania stylów.
- style="format1" wskazuje na atrybut style, który służy do wpisywania deklaracji CSS bezpośrednio w elemencie (inline), np. style="color:red;". Wartość "format1" nie jest deklaracją CSS, a nawet gdyby była, inline style nie jest mechanizmem "wspólnego formatowania" przez jeden selektor.
- id="format1" oznacza identyfikator elementu. Id powinno być unikatowe w obrębie dokumentu, więc nie służy do oznaczania całej grupy elementów (to typowy błąd, gdy myli się role id i class).
W praktyce: gdy chcesz nadać ten sam wygląd wielu przyciskom, linkom lub kafelkom produktu, przypisz im wspólną klasę i styluj selektorem klasy w CSS. Id zostaw do elementów pojedynczych (np. sekcja nawigacji) lub do odwołań w JavaScript.
