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;
}