Question

我是HTML / CSS的新手。我尝试使用id选择器选择一个元素，但我的CSS代码不起作用。有人可以解释为什么它不起作用吗？

<!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>

请注意，我也尝试过没有（即#bigButton {text-decoration:none;color:green;}）的CSS，但这也不起作用。

Answer 1

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

你的CSS

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

表示＆＃34;任何a元素，其祖先的id为bigButton＆＃34;。

Answer 2

删除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

<a> element</a>的CSS ID选择器

2 个答案: