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>
