CSS селекторлорун айкалыштыруу боюнча практика
div дивдеринде жайгашкан абзацтарды тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<p>
+++
</p>
</div>
<p>
---
</p>
<p>
---
</p>
div дивдеринде жайгашкан бардык h2 элементтерин тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div>
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
</div>
<div>
<h2>+++</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
id атрибуту block барабар болгон элементтен бардык p абзацтарды тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div id="block">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
id атрибуту block барабар болгон элементтен бардык h2 элементтерин тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div id="block">
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
<h2>+++</h2>
<p>
---
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
bbb классы бар бардык элементтерди тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div id="block">
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<p>
---
</p>
<h2 class="bbb">+++</h2>
<p>
---
</p>
</div>
<div class="bbb">
+++
</div>
<h2>---</h2>
<p class="bbb">
+++
</p>
id атрибуту block барабар болгон элементтен bbb классы бар бардык элементтерди тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div id="block">
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<p>
---
</p>
<h2 class="bbb">+++</h2>
<p>
---
</p>
</div>
<div class="bbb">
---
</div>
<h2>---</h2>
<p class="bbb">
---
</p>
bbb классы бар бардык p абзацтарды тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div id="block">
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<p>
---
</p>
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
</div>
<div class="bbb">
---
</div>
<h2>---</h2>
<p class="bbb">
+++
</p>
bbb классы бар бардык h2 элементтерин тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div id="block">
<h2 class="bbb">+++</h2>
<p class="bbb">
---
</p>
<p>
---
</p>
<h2 class="bbb">+++</h2>
<p class="bbb">
---
</p>
</div>
<h2>---</h2>
<p class="bbb">
---
</p>
<h2 class="bbb">+++</h2>
<p class="bbb">
---
</p>
id атрибуту block барабар болгон элементтен bbb классы бар бардык p абзацтарды тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div id="block">
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<p>
---
</p>
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
</div>
<div class="bbb">
---
</div>
<h2>---</h2>
<p class="bbb">
---
</p>
bbb классы бар бардык элементтерди жана xxx классы бар бардык элементтерди бир эле учурда тандай турган селекторду жазыңыз (башкача айтканда, селекторлорду үтүр менен топтоо керек).
Төмөнкү коддо өз селекторуңузду текшериңиз:
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
+++
</p>
<div class="bbb">
+++
</div>
bbb классы бар бардык p абзацтарды жана бир эле учурда xxx классы бар бардык h2 элементтерин тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
---
</p>
<div class="bbb">
---
</div>
id атрибуту block барабар болгон элементтен bbb классы бар бардык p абзацтарды жана бир эле учурда id атрибуту block барабар болгон элементтен xxx классы бар бардык p абзацтарды тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div id="block">
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">---</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
+++
</p>
<div class="bbb">
---
</div>
<div class="xxx">
---
</div>
</div>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
fff классы бар бардык элементтерди тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div class="fff">
+++
</div>
<h2 class="fff">+++</h2>
<p class="fff">
+++
</p>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
fff классы бар элементтен бардык p абзацтарды тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div class="fff">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
---
</p>
fff классы бар бардык p абзацтарды тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div id="block">
<h2>---</h2>
<p>
---
</p>
<p>
---
</p>
<p class="fff">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
+++
</p>
fff классы бар элементтен bbb классы бар бардык элементтерди тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div class="fff">
<h2 class="bbb">+++</h2>
<p>
---
</p>
<p>
---
</p>
<p class="bbb">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="bbb">
---
</p>
fff классы бар элементтен bbb классы бар бардык h2 элементтерин тандай турган селекторду жазыңыз.
Төмөнкү коддо өз селекторуңузду текшериңиз:
<div class="fff">
<h2 class="bbb">+++</h2>
<p>
---
</p>
<h2 class="bbb">+++</h2>
<p>
---
</p>
<p class="bbb">
---
</p>
</div>
<h2 class="bbb">---</h2>
<p class="bbb">
---
</p>
<p class="fff">
---
</p>
