რამდენიმე CSS-სელექტორი ერთად

ელემენტის შესარჩევად, რომელიც ერთდროულად რამდენიმე სელექტორს ემთხვევა, ეს სელექტორები უნდა დაწეროთ ერთად, ხარვეზის გარეშე.

მაგალითად, შემდეგი სელექტორი აირჩევს ელემენტს, რომელსაც ერთდროულად აქვს კლასი bbb და კლასი zzz:

.bbb.zzz {
	
}

ხოლო შემდეგი სელექტორი აირჩევს სათაურ h2-ს, რომელსაც ერთდროულად აქვს კლასი bbb და კლასი zzz:

h2.bbb.zzz {
	
}

მითითებული გზით შესაძლებელია სელექტორების ნებისმიერი კონსტრუქციების შექმნა. ამ შემთხვევაში გამოყენებული სელექტორების თანმიმდევრობას მნიშვნელობა არ აქვს, გარდა იმ წესისა, რომ ტეგების სელექტორები უნდა იყოს დასაწყისში.

ანუ, მაგალითად, სელექტორები .bbb.zzz და .zzz.bbb სრულიად ეკვივალენტურია.

გარდა ამისა, შესაძლებელია სელექტორების ფორმირება id-ის გამოყენებით, მაგალითად, ასეთი: #elem.eee, ან h2#elem.eee, ან h2.eee#elem და ა.შ.

ახსენით, რას ირჩევს სელექტორი ქვემოთ მოცემულ კოდში. შემდეგ დაწერეთ HTML კოდი, რომელიც შეესაბამება ამ სელექტორს. აი კოდი სელექტორით:

.bbb.zzz {
	color: red;
}

h2.bbb.zzz {
	color: red;
}

#elem.bbb {
	color: red;
}

#elem.bbb.zzz {
	color: red;
}

h2#elem.bbb {
	color: red;
}