CSS id選擇器<a>元素

-3

我是HTML/CSS的新手。我試圖選擇一個使用id選擇器的元素，但我的CSS代碼不起作用。有人可以解釋爲什麼它不起作用嗎？CSS id選擇器<a>元素

<!DOCTYPE html> 
<html> 
<head> 
<style> 
    #bigButton a {text-decoration:none;color:green;} 
</style> 
</head> 
<body> 
<p>test</p> 
<a id=」bigButton」 href=」page1.html」>Click here</a> 
</body> 
</html>

請注意，我也嘗試了CSS無（即#bigButton {text-decoration:none;color:green;}），但是這也不能工作。

來源

2014-06-09 user3720185

還有一個事實，即由於某些原因，您有花哨的引號而不是直引號。 – BoltClock

@BoltClock是正確的，花式引號是問題的一部分。 – user3720185

刪除a執行ID選擇它僅僅是：

#bigButton {text-decoration:none;color:green;}

這會工作：

#bigButton a {text-decoration:none;color:green;}

，如果你有一個父元素這樣的對於a：

<div id="bigButton"> 
<a href="page1.html">Click here</a> 
</div>

而且還通過@Pilot和@BoltClock指出引用選擇可能是另一個原因，嘗試這樣的事情，而不是"或id="bigButton"

Online Demo

來源

2014-06-09 01:54:19 Dalorzo

如果你想要更多的特異性，你總是可以使用'a＃bigButton'，它也可以。 –

任何線索爲什麼[this]（http://jsfiddle.net/3Wa4y/）不起作用 –

a#bigButton {text-decoration:none;color:green;}

你的CSS

#bigButton a {text-decoration:none;color:green;}

表示「任何a元素的祖先其ID爲bigButton」。

來源

2014-06-09 01:55:17

CSS id選擇器<a>元素

回答

相關問題