CSS ::before ψευδοελémento

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

CSS ::before οι ψευδοελémenta χρησιμοποιούνται για την εισαγωγή περιεχομένου πριν από το περιεχόμενο του καθορισμένου στοιχείου.

χρήση content το χαρακτηριστικό καθορίζει το περιεχόμενο που πρέπει να εισαχθεί. Η τιμή του content μπορεί να είναι:

• 字符串: content: "Hello world!";
• εικόνα: content: url(myimage.jpg);
• χωρίς περιεχόμενο: content: none;
• μετρητής: content: counter(li);
• απόκρυψη: content: open-quote;
• τιμή του χαρακτηριστικού: content: " (" attr(href) ")";

προσοχή:请注意，插入的内容仍然位于指定元素内部。插入的内容会添加到元素内部的其他内容之前。

χρήση ::after εισάγετε περιεχόμενο μετά το περιεχόμενο συγκεκριμένου στοιχείου.

παράδειγμα

παράδειγμα 1

εισάγετε μια αλφαβητική αλληλουχία πριν από το περιεχόμενο του κάθε στοιχείου <p>:

p::before {
  content: "Διαβάστε αυτό: ";
}

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

παράδειγμα 2

εισάγετε μια αλφαβητική αλληλουχία πριν από το περιεχόμενο του κάθε στοιχείου <p>, και ρυθμίστε το στυλ του περιεχομένου που εισάγεται:

p::before {
  content: "Διαβάστε αυτό -";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

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

γλώσσα CSS

::before {
  θρησκολόγια css;
}

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

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

οι αριθμοί στη τράπεζα αναφέρονται στην πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το ψευδοελémento.

σχετικές σελίδες

οδηγίες:CSS ψευδοελémenta

παραδείγματα:CSS ::after ψευδοελémento