Σταθεροποιητής Συμφραζομένων στο 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;
}

Δείτε επίσης

Θυγατρικός σταθεροποιητής,
που επιτρέπει την επιλογή στοιχείων βάσει άμεσης ένθεσης
Γειτονικός σταθεροποιητής αδελφών,
που επιτρέπει την επιλογή ενός στοιχείου βάσει του γείτονά του
Γενικός σταθεροποιητής αδελφών,
που επιτρέπει την επιλογή στοιχείων μετά από ένα δεδομένο
Καθολικός σταθεροποιητής,
που επιτρέπει την επιλογή όλων των στοιχείων