• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak używać :before i :after

Object Storage Arubacloud
+1 głos
2,273 wizyt
pytanie zadane 13 września 2015 w HTML i CSS przez molaki Obywatel (1,700 p.)
Witam.

Mam pytanie, bowiem często w demo widzę .cośtam:before

Nie wiem o co w tym chodzi. Czy umie ktoś to prosto wytłumaczyć?

Pozdrawiam

3 odpowiedzi

+1 głos
odpowiedź 13 września 2015 przez Anonim Mądrala (6,000 p.)

Before to znaczy przed, czyli np.

div:before
{
content: 'a';
}

Dopisze "a" przed divem, można jeszcze napisać np. color: red, wtedy "a" będzie czerwone.

Jest też after, czyli za.

komentarz 14 września 2015 przez Patrycjerz Mędrzec (192,320 p.)
Nie zgodzę się z tym, że element jest tworzony przed lub za divem. Jest on tworzony w jego środku, lecz albo na jego początku, lub na końcu.
komentarz 14 września 2015 przez Anonim Mądrala (6,000 p.)
Przepraszam, mój błąd :)
+1 głos
odpowiedź 13 września 2015 przez Ivan Maniak (60,650 p.)
edycja 13 września 2015 przez Ivan
komentarz 13 września 2015 przez Comandeer Guru (602,560 p.)

To jest PSEUDOELEMENT. Pseudoklasa to np. :hover

komentarz 13 września 2015 przez Ivan Maniak (60,650 p.)
+1 pomyliłem się
0 głosów
odpowiedź 13 września 2015 przez rquadratis Użytkownik (960 p.)

Jak używać, lub raczej jak nie używać :before i :after:

http://cj-johnson.github.io/Single-Tag_Website/

Zobacz jak wygląda html, a potem przeanalizuj css. Powinno Ci się rozjaśnić.

komentarz 13 września 2015 przez Comandeer Guru (602,560 p.)
Teoretycznie można zrobić stronę bez ani jednej linijki HTML: https://mathiasbynens.be/notes/css-without-html ;) szkoda, że już nie działa (w lisku działało, w chrome może będzie działać)
komentarz 13 września 2015 przez rquadratis Użytkownik (960 p.)
Tego nie znałem. Dobre.

Ale dlaczego piszesz, że już nie działa? Działa w lisku, działa w starej operze (12.16), nie działa w chrome.
komentarz 13 września 2015 przez Comandeer Guru (602,560 p.)
Działa w lisku? No to jednak działa ;)

Podobne pytania

0 głosów
1 odpowiedź 225 wizyt
pytanie zadane 7 października 2019 w HTML i CSS przez R.orlinski Mądrala (5,490 p.)
0 głosów
1 odpowiedź 179 wizyt
pytanie zadane 13 czerwca 2016 w HTML i CSS przez Alterwar Dyskutant (7,650 p.)
+1 głos
1 odpowiedź 137 wizyt

92,694 zapytań

141,606 odpowiedzi

320,106 komentarzy

62,051 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...