Przejdź do treści
Strona główna » Kurs WordPress » CSS » Style CSS – selektor „after”

Style CSS – selektor „after”

Selektor after służy do wstawienia fragmentu tekstu za dowolnym elementem (np. paragrafem <p>).

p::after {
  content: " - tutaj wstaw dodatkową treść do wyświetlenia za paragrafem";
}

W analogiczny sposób (ale umożliwiający wstawienie dodatkowego tekstu przed danym elementem) działa selektor before.

p::after {
  content: " - tutaj wstaw dodatkową treść do wyświetlenia przed paragrafem";
}

Selektory te mogą się przydać, np. gdy chcemy wprowadzić drobne zmiany w motywie, bez ingerencji w niego, tak jak w poniższym przykładzie:

Dodatkowa treść za pomocą selektora after, została umieszczona za sliderem na stronie głównej.

Więcej informacji na temat tego, jak znaleźć interesujący nas element motywu znajdziesz w artykule Zbadaj element