i mam do tego:
#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:
#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; }
EDIT
Okej, problem rozwiązany nie miałem ustawionych wielkości...
Wystarczyło:
#slots div.column div.top, #slots div.column div.bottom { width: 178px; height: 147px; }