CSS Pseudo-elemente. CSS - Pseudo-elementul ::before. CSS - Pseudo-elementul :: selection. CSS - Pseudo-elementul ::after. CSS - Pseudo-elementul ::selection. Proprietăți: color, background, cursor, și outline.

Susține Lectii-Virtuale!

CSS - Pseudo-elementul ::before

Pseudo-elementul ::before poate fi utilizat pentru a insera un anumit conținut înainte de conținutul unui element.

Următorul exemplu introduce o imagine înainte de conținutul fiecărui element <h1>:

Exemplu:

h1::before {
  content: url(smiley.gif);
}

CSS - Pseudo-elementul ::after

Pseudo-elementul ::after poate fi utilizat pentru a insera un anumit conținut după conținutul unui element.

Următorul exemplu inserează o imagine după conținutul fiecărui element <h1>:

Exemplu:

h1::after {
  content: url(smiley.gif);
}

CSS - Pseudo-elementul ::selection

Pseudo-element ::selection se potrivește cu porțiunea unui element selectat de un utilizator.

Următoarele proprietăți CSS pot fi aplicate la ::selection: culoare, fundal, cursor și contur (color, background, cursor, și outline).

Următorul exemplu face ca textul selectat să fie roșu pe un fundal galben:

Exemplu:

::selection {
  color: red;
  background: yellow;
}