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

Zagnieżdzona struktura html - a selektory CSS

VPS Starter Arubacloud
0 głosów
290 wizyt
pytanie zadane 4 stycznia 2018 w HTML i CSS przez jjanek Użytkownik (630 p.)

Hej, 

czy jest możliwość stworzeniea selektora CSS dla stuktury: 
Klasa open będzie togglowana i teraz w momencie kiedy ona będzie chciał bym aby klasa
.top {top:50;}
natomiast w momencie kiedy klasy open by nie bylo klaska powinna miec .top {top:0;}
Da rade to zrobić jakoś za pomocą CSS ?

<div class="wrapper">
  <div>
    <div>
      <div class="open">
      
      </div>
    </div>
  </div>
  <div>
    <div class="top">

    </div>
  </div>
</div>

 

2 odpowiedzi

0 głosów
odpowiedź 4 stycznia 2018 przez Comandeer Guru (599,730 p.)

.open + * .top? Niemniej spróbowałbym uprościć strukturę zamiast kombinować w taką stronę.

komentarz 4 stycznia 2018 przez jjanek Użytkownik (630 p.)
Właśnie struktura jest uproszczona naprawde jak tylko sie da. Niesttey takie wymagania i ode mnie to nie zależy :)

Zaraz sprobuje Twojego selektora - jezeli bedzie dobry dam up za koment:)
komentarz 4 stycznia 2018 przez jjanek Użytkownik (630 p.)
niestety nie dziala https://jsfiddle.net/t98y5n11/
komentarz 4 stycznia 2018 przez Comandeer Guru (599,730 p.)

Hm, no tak, bo .open jest bardziej zagłębione. Obawiam się, że przy obecnym CSS-ie się tego nie da zrobić.

0 głosów
odpowiedź 4 stycznia 2018 przez pablop76 VIP (123,060 p.)

Można sprawdzić czy istnieje klasa open i w zależności od wyniku ustawić margines dla top;

var spr = $( ".open" )[0];
if(spr){
  $( ".top" ).addClass( "margin" );
}else{
  $( ".top" ).removeClass( "margin" );
}

Klase margin trzeba w tym przypadku ustawić w css

.margin{
  margin-top: 50px;
}

W twoim przykładzie domyślam się, że jest pozycjonowanie. Więc w css będzie top: 50px;

komentarz 4 stycznia 2018 przez jjanek Użytkownik (630 p.)
Nietstey mam możliwość edycji tylko CSS - czyli ingerencja JS nie da rady ;)

Podobne pytania

0 głosów
0 odpowiedzi 92 wizyt
0 głosów
1 odpowiedź 509 wizyt
pytanie zadane 19 kwietnia 2018 w HTML i CSS przez Manioszek Nowicjusz (160 p.)
0 głosów
2 odpowiedzi 232 wizyt
pytanie zadane 6 lutego 2018 w HTML i CSS przez pebrzosky Obywatel (1,160 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 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

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

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!

...