CSS .κλάση Επιλογέας

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

CSS .κλάση Ο επιλογέας χρησιμοποιείται για να επιλέξει τα στοιχεία με συγκεκριμένη κλάση τιμή ιδιοτήτων.

Για να επιλέξετε όλα τα στοιχεία με συγκεκριμένη.) χαρακτήρες, ακολουθούμενα από κλάση τιμή ιδιοτήτων.

στοιχείο.κλάση Ο επιλογέας χρησιμοποιείται για να επιλέξει τα στοιχεία με συγκεκριμένη κλάση τιμή ιδιοτήτων.

για να επιλέξετε τα στοιχεία με συγκεκριμένη κλάση ένα τύπο στοιχείου, και μετά ένα σημείο (.) χαρακτήρες, ακολουθούμενα από κλάση τιμές ιδιοτήτων (Δείτε το παράδειγμα παρακάτω 2）。

Σημείωση:Τα στοιχεία HTML μπορούν να αναφέρονται σε πολλαπλές κλάση（Δείτε το παράδειγμα παρακάτω 3）。

Παράδειγμα

Παράδειγμα 1

Επιλέξτε και ρυθμίστε το στυλ όλων των στοιχείων που έχουν class="intro":

.intro {
  χρώμα περιβάλλοντος: κίτρινο;
}

Δοκιμάστε προσωπικά

Παράδειγμα 2

Επιλέξτε και ρυθμίστε το στυλ όλων των στοιχείων class="intro":

p.intro {
  χρώμα περιβάλλοντος: κίτρινο;
}

Δοκιμάστε προσωπικά

Παράδειγμα 3

.κλάση Διαφορετικές χρήσεις επιλογέων:

/* Επιλέξτε όλα τα στοιχεία class="center" */
.center {
  τεκμηρίωση-πίστωσης: κέντρο;
}
/* Επιλέξτε όλα τα στοιχεία class="large" */
p.large {
  μέγεθος γραμματοσειράς: 200%;
}
/* Επιλέξτε όλα τα στοιχεία <p> που περιέχουν τα class="fancy" και "beige" */
p.fancy.beige {
  γενική γραμματοσειρά: 'Courier New', μονοδιάστατη;
  χρώμα περιβάλλοντος: καφέ;
  περιθώριο: 2px γεμάτο πράσινο;
}
/* Επιλέξτε όλα τα στοιχεία class="ex1" μέσα στο στοιχείο <p> που έχουν class="ex2" */
p.ex1 .ex2 {
  χρώμα περιβάλλοντος: κίτρινο;
}

Δοκιμάστε προσωπικά

Γλώσσα CSS

.κλάση {
  θήκες css;
}

Γλώσσα CSS

στοιχείο.κλάση {
  θήκες css;
}

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

浏览器支持