Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Łączenie selektorów
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
#luq
  1. <div id="slots">
  2. <div class="column" rel="1">
  3. <div class="top"></div>
  4. <div class="bottom"></div>
  5. <div class="shadow"></div>
  6. </div>
  7. <div class="column" rel="2">
  8. <div class="top"></div>
  9. <div class="bottom"></div>
  10. <div class="shadow"></div>
  11. </div>
  12. <div class="column" rel="3">
  13. <div class="top"></div>
  14. <div class="bottom"></div>
  15. <div class="shadow"></div>
  16. </div>
  17. </div>


i mam do tego:

  1. #slots div.column[rel="1"] div.top { /**/ }


Lecz nie działa. Chodź w Firebug`u ten styl istnieje i nie jest przekreślony...
Ogólnie chodzi o dostęp do div.top i div.bottom z div.column który posiada rel="X"

Reszta stylu dt. tego kontenera:
  1. #slots { position: absolute; top: 295px; left: 80px; width: 536px; height: 294px; background-color: red; z-index: 400; }
  2. #slots div.column { width: 178px; height: 294px; float: left; }
  3.  
  4. #slots div.column div.shadow { position: absolute; top: 147px; width: 178px; height: 147px; background: url(../img/bg_slot.png); }
  5.  
  6. #slots div.column[rel="1"] div.top { background-color: lime; }
  7. #slots div[rel="2"] { border-left: 1px solid #fff; border-right: 1px solid #fff; }


EDIT
Okej, problem rozwiązany nie miałem ustawionych wielkości...
Wystarczyło:
  1. #slots div.column div.top, #slots div.column div.bottom { width: 178px; height: 147px; }
kamil4u
U mnie wszystko działa: Ubuntu Firfox 3.6.8 . Musisz tylko dodać jakiś tekst czy coś, bo inaczej div jest pusty:
Kod
<div class="top">test</div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.