: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, 19:16:10
Post
#2
|
|
Grupa: Zarejestrowani Postów: 33 Pomógł: 1 Dołączył: 30.11.2011 Ostrzeżenie: (0%) |
|
|
|
24.10.2017, 20:05:46
Post
#3
|
|
Grupa: Zarejestrowani Postów: 173 Pomógł: 1 Dołączył: 26.10.2005 Skąd: Toruń Ostrzeżenie: (0%) |
Hej, a to nie powinno być tak
Próbowałem tak, tylko zamiast .postsDiv:first-child div wpisałem .postsDiv:first-child .postRow - muszę się ograniczyć tylko do elementów z klasą .postRow, bo mam tez inne divy w tym kontenerze. Niestety powyższy zapis nie zadziałał jak należy. Skutkiem działania kodu było to, że KAŻDY element z klasą .postRow przyjął wartość z :last-child, czyli margin-bottom:30px; trueblue: Natomiast mój pierwotny kod, który twierdzisz, że działa, w moim przypadku nie działa wcale. nawet z instrukcją !inportant (tak na wszelki wypadek, bo pierwotnie .postRow ma margin-bottom: 10px;). divy z klasą .postRow nie mają przypisanych ani instrukcji przeznaczonych dla :first-child ani dla :last-child |
|
|
Wersja Lo-Fi | Aktualny czas: 8.05.2024 - 21:19 |