კონტექსტური სელექტორი 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;
}

შვილობილი სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტები უშუალო იერარქიის მიხედვით
მეზობლური სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტი მისი მეზობლის მიხედვით
დაკავშირებული სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ელემენტები მოცემული ელემენტის შემდეგ
უნივერსალური სელექტორი,
რომელიც საშუალებას გაძლევთ აირჩიოთ ყველა ელემენტი