Εγχειρίδιο Σημειώσεων Συνδυαστών CSS

Συνδέσμοι CSS

Οι συνδέσμοι είναι σύμβολα που χρησιμοποιούνται για την εξήγηση των σχέσεων μεταξύ των επιλογών.

Η παρακάτω τάβληση δείχνει τους διαφορετικούς συνδέσμους του CSS:

όνομα σύμβολα παράδειγμα πρότυπο περιγραφής παραδείγματος
σύνδεσμος υποκείμενων > div > p επιλέξτε όλα τα στοιχεία <p> που είναι άμεσοι υποκείμενοι στο στοιχείο <div>.
σύνδεσμος ανώτερης γενιάς （μιας μοναδικής κενής γραμμής) div p επιλέξτε όλα τα στοιχεία <p> εντός του στοιχείου <div>.
διαχωριστικό ονόματος χώρου | ns | h2 επιλέξτε όλα τα στοιχεία <h2> στο χώρο ονόματος ns.
σύνδεσμος αδελφών + div + p επιλέξτε το πρώτο <p> στοιχείο που ακολουθεί το στοιχείο <div>.
επιλογή λίστας επιλογών , div, p Επιλέξει όλα τα στοιχεία <div> και όλα τα στοιχεία <p>.
Επόμενος αδελφός συνδυαστής ~ p ~ ul Επιλέξει όλους τους στοιχεία <ul> που έχουν το στοιχείο <p> μπροστά τους.