html - 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; }

但是，我的跨度没有被选中，我不知道为什么。有任何想法吗？

score 3 · Accepted Answer

它应该是：

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

因为是ID<a>的后代<span>bottom_nav_bar

score 3 · Accepted Answer

您没有针对该a元素。您的 CSS 选择器正在尝试使用“bottom_nav_bar”设置a元素的样式。id但是，在您的 HTML 中，跨度具有此 ID，并且锚元素位于跨度内。

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

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

要仅针对跨度，请更改a#bottom_nav_bar为span#bottom_nav_bar.

score 1 · Accepted Answer

1

尝试这个：

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

于 2013-08-02T14:41:35.980 回答

score 0 · Accepted Answer

0

使用它来选择跨度链接

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

于 2013-08-02T14:41:14.030 回答

score 0 · Accepted Answer

0

你的链接没有这个ID，所以它不能工作......

将您的 id 放在 a-tag 上；）

于 2013-08-02T14:41:28.133 回答

5 回答 5