分層樣式語法？

我有一個問題...我想創建一個名爲拇指W /所有必要的信息爲每個項目和懸停。然後，我希望它們在父節點內具有自己的特定行爲。這是我到目前爲止，並沒有工作。分層樣式語法？

.thumb 
{ 
    display:block; 
    float:left; 
    width:10px; 
    height:10px; 
    margin:5px 10px 5px 10px; 
} 

.thumb:hover 
{ 
    border:solid 1px #F00; 
} 


#commercial 
{ 
    margin:0 auto; 
    width:100px 
} 

#commercial.thumb 
{ 
    background-color:#0A0; 
} 

#wedding 
{ 
    margin:0 auto; 
    width:100px 
} 

#wedding.thumb 
{ 
    background-color:#00F; 
} 

#fashion 
{ 
    margin:0 auto; 
    width:100px 
} 
#fashion.thumb 
{ 
    background-color:#F0F; 
}

我也試着聲明的ID內的拇指作爲

#id > a.thumb

和

#id > .thumb

似乎沒有任何工作。我認爲這將是一個更有效的設置，因爲它可以讓我改變每一個拇指，而不管父母分隔符是多少，而只是一個代碼塊而不是3個，非常感謝任何見解。

感謝，布羅迪

來源

2011-11-01 Brodie

說#fashion.thumb意味着你要像一個元素匹配：

<div id="fashion" class="thumb">

分割它分成#fashion .thumb（注意空格）是「帶班‘拇指’的任何元素與ID fashion元素的下降，which'd是：

<div id="fashion"> 
    <span class="thumb"></span> 
</div>

來源

2011-11-01 18:16:50

在我看來，外核層你必須修改y事情是這樣的：

.thumb 
{ 
    display:block; 
    ... 
} 

#commercial .thumb 
{ 
    background-color:#0A0; 
}

來表達.thumb元素必須是一個孩子的#commercial（直接或間接），必須有2對

之間的空間

來源

2011-11-01 18:21:39 mliebelt

分層樣式語法？

回答

相關問題