將屬性應用於CSS中的div中的類中的鏈接

我在頁面上有兩組不同的鏈接;一個在無序列表中，另一個在一個表中。我需要共享屬性，同時在表格中的鏈接在每個單元格中間對齊時具有不同的寬度。以下是我目前擁有的相關代碼。將屬性應用於CSS中的div中的類中的鏈接

.nav{ 
    padding: 0; 
    margin: 0; 
    list-style: none; 
    vertical-align: bottom; 
} 

.nav a{ 
    display: block; 
    width: 150px; 
} 
.nav a:hover{ 
    background-color: red; 
    opacity: 0.6; 
    filter: alpha(opacity=50); 
    color: white; 
}

我需要在頁腳的鏈接可具有不同的寬度的。以下是我所嘗試過的，但不起作用。目前，表格中的鏈接寬度爲150px，並與每個單元格的左側對齊。

#footer.nav a{ 
    width: 250px; 
}

我已閱讀並this但this沒有幫助。

乾杯

來源

2014-01-11 jsc

鏈接永遠不會有屬性寬度。 – ProllyGeek

你定義缺少#footer和.nav之間的額外空間之間的空間。您的代碼與ID爲#footer的元素匹配，即也有一類.nav。空格表示，.nav位於#footer的元素層次結構內。

來源

2014-01-11 01:47:44

優秀的解釋！我一定會記住這一點。謝謝！ – jsc

不客氣，先生:-)。 –

林不知道我很理解你的問題，但嘗試

#footer .nav a{ 
    width: 250px 
}

把#footer和.nav

來源

2014-01-11 01:43:56 jmore009

這就是它所需要的一切;我確信我嘗試過。謝謝。 – jsc

將屬性應用於CSS中的div中的類中的鏈接

回答

相關問題