Blog o budowie stron i marketingu - Aurelia Sypniewska
Blog o budowie stron i marketingu - Aurelia Sypniewska
Pseudoklasa CSS :nth-last-child() to selektor dopasowujący elementy HTML będące kolejnym dzieckiem swojego rodzica, innymi słowy należące do pewnej grupy (typu) posiadających ten sam element nadrzędny. Jak sama nazwa mówi będziemy w tym przypadku zaczynać od dołu grupy czyli ostatniego dziecka.
Pseudo-element CSS ::backdrop stanowi pole o wielkości okna bezpośrednio za obiektem. Można więc uznać, że jest to pewna forma tła.
Pseudoklasa CSS :nth-child() to selektor oddziałujący na elementy, które spełniają określone warunki. Przykładowo są 3 / 2 elementem potomnym w jakiś kontenerze lub na jakieś liście.
Tym razem pokażę wam jak w bardzo prosty sposób uzyskać na stronie internetowej efekt obrazka pojawiającego się po najechaniu kursorem myszy na link. Inne podobne efekty aktywowane położeniem kursora myszy znajdziecie w serii :hover.
Dzisiaj pokażę wam jak w bardzo prosty sposób możemy powiązać ze sobą elementy, elementy siostrzane. Czyli takie, które znajdują się obok siebie (mają wspólnego rodzica) i nie są w żaden inny sposób ze sobą powiazane. W większości przypadków kiedy oddziałujemy na dane obiekt są one ze sobą fizycznie powiązane.
Pseudo elementy ::before i ::after to jedne z bardziej użytecznych elementów stosowanych przy budowie stron internetowych. Jak sama nazwa na to wskazuje elementy te fizycznie istnieją.
Z pewnością ładnie jest rozpocząć tekst jak w starych księgach z wyróżnioną pierwszą literą (inicjałem).
Istnieje wiele metod kolorowania obiektów HTML takich jak tabela czy <div>. W tym wpisie postaram się przedstawić jedną z nich polegającą na kolorowaniu co drugiego elementu.
Dziś chciałam zająć się 2-ma pseudo elementami :first-child i :first-of-type.
![Pojawiający się obrazek po najechaniu kursorem myszy [CSS]](https://aurainweb.pl/wp-content/uploads/2019/07/pokarz.jpg)
![Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]](https://aurainweb.pl/wp-content/uploads/2019/08/com.jpg)
