W podanym fragmencie HTML element ma postać <div class="menu">...</div>. Oznacza to, że:
- typem elementu jest div,
- atrybut class ma wartość menu, czyli element należy do klasy menu.
W CSS do wskazania klasy używa się kropki, więc selektor klasy to .menu. Jeżeli chcemy doprecyzować, że chodzi o element typu div posiadający tę klasę, stosujemy selektor złożony div.menu.
Ponieważ pytanie wymaga ustawienia koloru tła bloku, właściwą właściwością jest background-color. Dlatego poprawna definicja to div.menu { background-color: green; }. Zapis green jest poprawną nazwą koloru w CSS.
Dlaczego pozostałe propozycje nie pasują?
- div:menu { color: green; } – zapis z dwukropkiem odnosi się do pseudoklas/pseudoelementów (np. :hover), a nie do klasy o nazwie menu. Dodatkowo color zmienia kolor tekstu, nie tła.
- menu { background-color: rgb(0,255,0); } – to selektor typu elementu o nazwie menu. W typowym HTML nie jest to selektor dla <div class="menu">, więc nie trafi w wskazany element.
- #menu { background-color: rgb(0,255,0); } – znak # oznacza selektor identyfikatora (id). Pasowałby do <div id="menu">, ale w treści jest class, więc to inny mechanizm.
Wskazówka egzaminacyjna: zapamiętaj skojarzenie kropka = class, kratka = id. Gdy w HTML widzisz class="...", w CSS prawie zawsze szukasz selektora z kropką.
