Przedstawione formatowanie CSS, przy założeniu, że żadne inne formatowanie nie jest zdefiniowane, sprawi, że

Poprawna odpowiedź: D (margines wewnętrzny komórki z napisem Anna będzie miał 10 px, a z napisem Ewa – 30 px)

Przeanalizujmy kaskadowość i specyficzność reguł CSS:

1. Dla wszystkich komórek tabeli td zdefiniowano ogólny margines wewnętrzny: td { padding: 10px; } (komórka z napisem Anna ma styl domyślny 10 px).
2. Dla wybranej komórki z identyfikatorem lub dedykowaną klasą nadpisano regułę: #ewa { padding: 30px; } (komórka z napisem Ewa otrzymuje 30 px paddingu ze względu na wyższy priorytet selektora).

Dlaczego pozostałe opcje są nieprawidłowe?

• A: Komórka z dedykowaną klasą/ID posiada nadpisany padding 30 px.
• B: Zamieniono przypisanie wartości paddingu między komórkami.
• C: Tylko komórka oznaczona specyficznym selektorem ma padding 30 px, pozostałe komórki zachowują 10 px.