Pytanie sprawdza rozumienie modelu pudełkowego oraz kaskadowości CSS. "Margines wewnętrzny" w praktyce oznacza właściwość padding – odstęp między treścią elementu (np. tekstem w <td>) a jego obramowaniem/tłem.
Jeżeli w stylach występuje jednocześnie:
- reguła ogólna ustawiająca padding dla komórek tabeli (np. dla wszystkich <td>), oraz
- reguła bardziej szczegółowa (np. dotycząca konkretnej komórki, kolumny lub komórek spełniających dodatkowy warunek),
to przeglądarka wybierze deklarację zgodnie z zasadami: ważność → specyficzność selektora → kolejność w arkuszu. W efekcie część komórek pozostanie z wartością "bazową" (10 px), natomiast komórka wskazana przez selektor szczegółowy (tu: z napisem "Ewa") otrzyma padding 30 px.
Dlaczego pozostałe odpowiedzi są błędne?
- "Wszystkie 10 px" – pomija istnienie reguły nadpisującej dla wybranego elementu.
- "Wszystkie 30 px" – błędnie zakłada, że reguła z 30 px dotyczy całej tabeli, choć selektor obejmuje tylko część komórek.
- "Anna 30 px, Ewa 10 px" – odwraca skutek nadpisania; to typowy błąd wynikający z nieprawidłowego odczytania, do którego elementu odnosi się bardziej szczegółowa reguła.
Wskazówka egzaminacyjna: najpierw ustal styl "domyślny" (regułę ogólną), a potem sprawdź, czy jakaś reguła celuje w konkretną komórkę/kolumnę i ma wyższy priorytet. To najszybsza metoda poprawnej analizy.
