Kilka selektorów łącznie w CSS
Aby wybrać element, który jednocześnie spełnia warunki kilku selektorów, należy zapisać te selektory łącznie, bez spacji.
Na przykład, następujący selektor wybierze element,
który jednocześnie ma klasę bbb i klasę
zzz:
.bbb.zzz {
}
A następujący selektor wybierze nagłówek h2,
który jednocześnie ma klasę bbb i klasę
zzz:
h2.bbb.zzz {
}
W ten sposób można konstruować dowolne kombinacje selektorów. Jednak kolejność używanych selektorów nie ma znaczenia, z wyjątkiem reguły, że selektory tagów należy umieszczać na samym początku.
Czyli, na przykład, selektory .bbb.zzz
i .zzz.bbb są całkowicie równoważne.
Ponadto, można tworzyć selektory z
wykorzystaniem id, na przykład, takie:
#elem.eee, lub h2#elem.eee,
lub h2.eee#elem i tak dalej.
Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:
.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:
h2.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:
#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:
#elem.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:
h2#elem.bbb {
color: red;
}
