2015-10-06 133 views
1

CSS:困惑的CSS名

.a .b { position: relative; } 
.c { position: relative; } 

然後我雖然它的工作以同樣的方式,如果我寫的是這樣的:

.a .b .c { position: relative; }

但是,它不,它對.c沒有影響。那麼爲什麼當我把它們放在一起時它不工作?

+1

'.A .b'的意思是」 .B。是*兒童* .a「。 '.a,.b'表示「.a *或* .b」。 –

回答

5

你想要的是

.a .b, .c { position: relative; } 

.a .b .c預計這一

<div class="a"> 
    <div class="b"> 
     <div class="c"></div> 
    </div> 
</div> 

有逗號表示.a .b OR .c

+0

'

'我猜這也適用於此? – CodTango

+0

不,這將是'.a.b,.c'注意我刪除了'.a'和'.b'之間的空格,用空格表示b將是a的子項。沒有空間意味着元素將會有b和a – stackoverfloweth

+1

我不想迂腐,但你應該先閱讀[教程](http://css.maxdesign.com.au/selectutorial/),之前編寫你不明白的代碼,然後提問,直到碰巧發揮作用。 –