Ψευδαίσια τύποι CSS :is()

Ορισμός και χρήση

CSS :is() Οι φανταστικοί τύποι χρησιμοποιούνται για την εφαρμογή του ίδιου στυλ σε όλους τους στοιχεία εντός των κλιμακίων.

:is() Οι φανταστικοί τύποι χρειάζονται μια λίστα επιλογέων που διαχωρίζονται με κόμματα ως παραμέτρους.

Συμβουλή:Στην επεξεργασία του HTML μέρους και των τίτλων,:is() Οι φανταστικοί τύποι είναι πολύ χρήσιμοι.

Δείτε τον παρακάτω παράδειγμα:

:is(section, article) :is(h1, h2, h3, h4, h5, h6) {
  χρώμα: πράσινο;
}

Αντίστοιχο:

section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6 {
  χρώμα: πράσινο;
}

Παράδειγμα

Εφαρμόστε κόκκινο κείμενο στις ετικέτες p.intro, <ul> και <ol>:

:is(p.intro, ul, ol) {
  χρώμα: κόκκινο;
}

Προσπάθησε να το δοκιμάσεις

Γλώσσα CSS

:is(selector-list) {
  declarations σε CSS;
}

Τεχνικά λεπτομέρειες

Υποστήριξη προγράμματος περιήγησης

Τα αριθμητικά στοιχεία της τάμπλης καθορίζουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτόν τον φανταστικό τύπο.