CSS-ის სელექტორების კომბინაციების პრაქტიკა

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

<div>
	<p>
		+++
	</p>
	<p>
		+++
	</p>
</div>
<div>
	<p>
		+++
	</p>
</div>

<p>
	---
</p>
<p>
	---
</p>

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა h2, რომლებიც მდებარეობენ დივების div შიგნით. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

<div>
	<h2>+++</h2>
	<p>
		---
	</p>
	<p>
		---
	</p>
</div>
<div>
	<h2>+++</h2>
	<p>
		---
	</p>
</div>

<h2>---</h2>
<p>
	---
</p>

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა აბზაცს p ელემენტიდან, რომლის id ატრიბუტი უდრის block-ს. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

<div id="block">
	<h2>---</h2>
	<p>
		+++
	</p>
	<p>
		+++
	</p>
</div>
<div>
	<h2>---</h2>
	<p>
		---
	</p>
</div>

<h2>---</h2>
<p>
	---
</p>

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა h2 ელემენტიდან, რომლის id ატრიბუტი უდრის block-ს. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

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

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა ელემენტს bbb კლასით ელემენტიდან, რომლის id ატრიბუტი უდრის block-ს. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

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

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა აბზაცს p bbb კლასით. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

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

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა h2 bbb კლასით. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

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

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა აბზაცს p bbb კლასით ელემენტიდან, რომლის id ატრიბუტი უდრის block-ს. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

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

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა აბზაცს p bbb კლასით და ერთდროულად ყველა h2 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>

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა აბზაცს p bbb კლასით ელემენტიდან, რომლის id ატრიბუტი უდრის block-ს და ერთდროულად ყველა აბზაცს p xxx კლასით ელემენტიდან, რომლის id ატრიბუტი უდრის block-ს. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

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

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა აბზაცს p ელემენტიდან fff კლასით. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

<div class="fff">
	<h2>---</h2>
	<p>
		+++
	</p>
	<p>
		+++
	</p>
</div>

<h2 class="fff">---</h2>
<p class="fff">
	---
</p>

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა აბზაცს p fff კლასით. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

<div id="block">
	<h2>---</h2>
	<p>
		---
	</p>
	<p>
		---
	</p>
	<p class="fff">
		+++
	</p>
</div>

<h2 class="fff">---</h2>
<p class="fff">
	+++
</p>

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა ელემენტს bbb კლასით ელემენტიდან fff კლასით. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

<div class="fff">
	<h2 class="bbb">+++</h2>
	<p>
		---
	</p>
	<p>
		---
	</p>
	<p class="bbb">
		+++
	</p>
</div>

<h2 class="fff">---</h2>
<p class="bbb">
	---
</p>

დაწერეთ სელექტორი, რომელიც შეარჩევს ყველა h2 bbb კლასით ელემენტიდან fff კლასით. შეამოწმეთ თქვენი სელექტორი შემდეგ კოდზე:

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