我的CSS一類是影響我的菜單欄項目，但我只希望它在我的照片庫

<div class="gallery"> 
     <a tabindex="1"><img src="images/smile.jpg"></a> 
     <a tabindex="1"><img src="images/smile.jpg"></a> 
     <a tabindex="1"><img src="images/smile.jpg"></a> 
     <a tabindex="1"><img src="images/smile.jpg"></a> 
</div> 

a{ 
    float:left; 
    width:25%; 
    height:25%; 
    position:relative; 
    border:1px solid #333; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    box-sizing:border-box; 
} 

a img{ 
    display:block; 
    width:100%; 
    height:100%; 
    -webkit-transition-property:width, height; 
    -webkit-transition-duration:300ms; 
    -moz-transition-property:width, height; 
    -moz-transition-duration:300ms; 
    -o-transition-property:width, height; 
    -o-transition-duration:300ms; 
    position:absolute; 
    z-index:1; 
    opacity:0.3; 
    cursor:pointer; 
}

這是一個真正的新手問題，但我不是CSS好工作了。我的CSS一類是影響我的菜單欄項目，但我只希望它在我的照片庫

我想用我的CSS只能在我的畫廊類，但現在它影響頁面上的所有href的。

任何幫助將不勝感激。謝謝。

來源

2014-03-26 cooking good

變化：

a{ 
... 
} 

a img{ 
... 
}

要：

.gallery a{ 
... 
} 

.gallery a img{ 
... 
}

來源

2014-03-26 23:14:19

輝煌，謝謝;我知道這將是一個簡單的問題。我知道如何做到完全隔開它，謝謝你的謝意。 –

@cookinggood沒問題！很高興我能幫上忙 –

如果直接調用特定的標籤在CSS的如{....}它會影響文檔中的所有錨定標記。因此，您必須僅在圖庫部分調用特定的錨標籤。

例如， .gallery a { ....}

那麼只有庫部分中的錨標籤會受到影響

來源

2014-03-26 23:16:23 user3243634

我的CSS一類是影響我的菜單欄項目，但我只希望它在我的照片庫

回答

相關問題