Błąd przy używaniu wielu selektorów CSS
Przypominam o błędzie początkujących: selektor
.bbb.zzz i selektor .bbb .zzz
robią różne rzeczy. Pierwszy szuka elementu
mającego jednocześnie dwie klasy, a drugi
- szuka elementu z klasą zzz, znajdującego się
wewnątrz elementu z klasą bbb.
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
cssh2.zzz {
color: red;
}
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
cssh2 .zzz {
color: red;
}
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
css.bbb.zzz {
color: red;
}
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
css.bbb .zzz {
color: red;
}
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
css.bbb.zzz.xxx {
color: red;
}
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
css.bbb .zzz.xxx {
color: red;
}
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
css.bbb.zzz .xxx {
color: red;
}
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
css.bbb .zzz .xxx {
color: red;
}
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
css#elem.bbb {
color: red;
}
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
css#elem .bbb {
color: red;
}