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>元素

回答

相关问题