Który z poniższych selektorów wybierze każdy element <img>, który NIE posiada atrybutu alt lub którego atrybut alt jest pusty?

Poprawna odpowiedź: C (img:not([alt]), img[alt=""])

Aby wybrać elementy <img> bez atrybutu alt LUB z pustym atrybutem alt, potrzebujemy połączyć dwa selektory za pomocą przecinka (który działa jak logiczne LUB):

1. img:not([alt]): Wybiera elementy <img>, które w ogóle nie mają atrybutu alt.
2. img[alt=""]: Wybiera elementy <img>, które mają atrybut alt z pustą wartością. Połączenie img:not([alt]), img[alt=""] da pożądany rezultat. Należy zwrócić uwagę, że samo img:not([alt]) (opcja A) nie obejmie przypadku pustego atrybutu, a samo img[alt=""] (opcja B) nie obejmie przypadku braku atrybutu.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: Wybiera tylko te img, które nie mają atrybutu alt.
• B: Wybiera tylko te img, które mają atrybut alt ustawiony na pusty ciąg.
• D: !=null nie jest standardową składnią selektora atrybutu w CSS.