Łączenie selektorów, Selektor atrybutu i dalej... Opcje

[#luq]

[HTML] pobierz, plaintext 
		<div id="slots">
			<div class="column" rel="1">
				<div class="top"></div>
				<div class="bottom"></div>
				<div class="shadow"></div>
			</div>
			<div class="column" rel="2">
				<div class="top"></div>
				<div class="bottom"></div>
				<div class="shadow"></div>
			</div>
			<div class="column" rel="3">
				<div class="top"></div>
				<div class="bottom"></div>
				<div class="shadow"></div>
			</div>
		</div>
[HTML] pobierz, plaintext 

i mam do tego:

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

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:

[CSS] pobierz, plaintext 
#slots { position: absolute; top: 295px; left: 80px; width: 536px; height: 294px; background-color: red; z-index: 400; }
	#slots div.column { width: 178px; height: 294px; float: left; }
 
	#slots div.column div.shadow { position: absolute; top: 147px; width: 178px; height: 147px; background: url(../img/bg_slot.png); }
 
	#slots div.column[rel="1"] div.top { background-color: lime; }
	#slots div[rel="2"] { border-left: 1px solid #fff; border-right: 1px solid #fff;  }
[CSS] pobierz, plaintext 

EDIT
Okej, problem rozwiązany nie miałem ustawionych wielkości...
Wystarczyło:

[CSS] pobierz, plaintext 
#slots div.column  div.top, #slots div.column  div.bottom  { width: 178px; height: 147px; }
[CSS] pobierz, plaintext 

Ten post edytował #luq 18.09.2010, 15:35:05

[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>