CSS选择器不更改链接颜色

Question

我的html和css文件设置正确，但我遇到某个选择器时出现问题。

我在这里有html：

<span id="bottom_nav_bar"> 
    <a href="#">Link 1</a>
</span>

这里的CSS：

a#bottom_nav_bar{ color: red; text-align: center; }

然而，我的范围没有被选中，我无法弄清楚原因。有什么想法吗？

Answer 1

应该是：

#bottom_bar_nav a {
    color: red;
    text-align: center;
}

由于<a>是<span>的后代，其ID为bottom_nav_bar

Answer 2

您未定位a元素。您的CSS选择器正在尝试使用a＆＃34; bottom_nav_bar＆＃34;来设置id元素的样式。但是，在HTML中，span具有此ID，并且anchor元素位于span中。

要定位锚标记，请将CSS选择器更改为：

#bottom_nav_bar a { color: red; text-align: center; }

要仅定位范围，请将a#bottom_nav_bar更改为span#bottom_nav_bar。

有关选择器的更多信息，请参阅http://www.w3.org/TR/css3-selectors/#selectors

Answer 3

试试这个：

#bottom_nav_bar a{ color: red; text-align: center; }

Answer 4

使用它来选择范围链接

span #bottom_nav_bar a{ color: red; text-align: center; }

Answer 5

您的链接没有此ID，因此无法正常工作...

将您的ID添加到a-tag;）