:first-child i :last-child nie działa |
:first-child i :last-child nie działa |
24.10.2017, 19:05:08
Post
#1
|
|
Grupa: Zarejestrowani Postów: 173 Pomógł: 1 Dołączył: 26.10.2005 Skąd: Toruń Ostrzeżenie: (0%) |
Witam,
tworzę sobie widok tabelaryczny z następującym układem: css:
zapisałem calc w taki a nie inny sposób gdyż do generowania cssa korzystam z lessa Chciałbym aby nad pierwszym elementem na liście zawsze był margines 30px, ten sam odstęp musi się znajdować pod ostatnim elementem. Dlatego wykorzystałem następujący zapis: Niestety instrukcje first-child i last-child nie działają :/ Drugie pytanie: Jak zrobić by mając tylko jeden element z klasą .postRow zastosowanie do niego miała pseudoklasa zarówno first-child jak i last:child? Tak by przy jednym wyświetlanym wierszu nad nim i pod nim był margines? |
|
|
24.10.2017, 21:08:06
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Klasa jest brana pod uwagę jednak nie w takim sensie. :first-child to zawsze pierwsze dziecko, czyli w tym przypadku warunek spełni element z taką klasą i pierwszy w kolejności (obydwa warunki spełnione).
Oczywiście rozszerzanie selektora :first-child o klasę przy wyborze nie ma sensu - wystarczy :first-child. P.S. W :first-of-type oraz :last-of-type, klasa również nie ma sensu. P.P.S. Dodawanie klasy nie ma sensu w Twoim przypadku. Ten post edytował trueblue 24.10.2017, 21:23:28 -------------------- |
|
|
Wersja Lo-Fi | Aktualny czas: 28.04.2024 - 03:26 |