W CSS znak # w selektorze oznacza identyfikator elementu, czyli dopasowanie po atrybucie id. Zapis #stopka { ... } należy czytać jako: "zastosuj reguły stylu do tego elementu, którego id ma wartość stopka".
Żeby więc reguła zadziałała dla bloku <div>, w HTML trzeba nadać mu identyfikator: <div id="stopka">. Wtedy przeglądarka dopasuje selektor i nałoży deklaracje z klamerek (np. kolor, wyrównanie, marginesy).
Dlaczego pozostałe propozycje są błędne?
- <div "stopka"> nie jest poprawną składnią HTML dla atrybutu — brakuje nazwy atrybutu (np. id=...). Taki zapis nie tworzy elementu z identyfikatorem.
- <div title="stopka"> ustawia atrybut title (podpowiedź po najechaniu), ale selektor #stopka nie odnosi się do title, tylko do id.
- <div class="stopka"> nadaje klasę. Klasy w CSS wybiera się selektorem z kropką, czyli .stopka, a nie #stopka. Dodatkowo klasa może występować wielokrotnie, a id powinno być unikalne w obrębie dokumentu.
Wskazówka egzaminacyjna: zapamiętaj skojarzenie # → id oraz . → class. To jedno z najczęściej sprawdzanych podstawowych rozróżnień w zadaniach z HTML/CSS.
