CSSтеги контексттук селектору
Контексттук селектор, ал эми
команда боштук (' ') болуп саналат, ал тегдерди тандап алууга мүмкүндүк берет,
белгилүү ата-энеге киргизилген тегдерди
Синтаксис
селектор1 селектор2 {
}
Мисал
Келгиле, бардык p тегдерине кайрылалы
div тегдеринин ичинде жана аларды кызыл түскө боёйлу
түс:
<div>
<p>
текст
</p>
<p>
текст
</p>
</div>
div p {
color: red;
}
:
Мисал
Келгиле, бардык p тегдерине кайрылалы
#elem элементинин ичинде жана боёйлу
аларды кызыл түскө:
<div id="elem">
<p>
текст
</p>
<p>
текст
</p>
</div>
#elem p {
color: red;
}
:
Мисал
Келгиле, бардык p тегдерине кайрылалы
.block классы бар элементтердин ичинде
жана аларды кызыл түскө боёйлу:
<div class="block">
<p>
текст
</p>
<p>
текст
</p>
</div>
.block p {
color: red;
}
:
Мисал
Келгиле, бардык b тегдерине кайрылалы
p тегдеринин ичинде, ал эми
div тегдеринин ичинде жаткан жана аларды кызыл түскө боёйлу:
<div>
<p>
текст <b>+</b>
</p>
</div>
div p b {
color: red;
}
:
Ошондой эле караңыз
-
Тууган селектору,
ал элементтерди түз киргизүү боюнча тандоого мүмкүндүк берет -
Көршү селектор,
ал элементти анын коңшусу боюнча тандоого мүмкүндүк берет -
Туугандык селектору,
ал элементтерди белгилүү бир элементтен кийинкилерди тандоого мүмкүндүк берет -
Универсалдык селектор,
ал бардык элементтерди тандоого мүмкүндүк берет