2016-12-31 151 views
-3

我在学习CSS并忙于一个我无法弄清楚的例子。 我想用我的元素'绿色'的背景来激活我的元素。 元素是导航菜单中的链接。CSS不适用于元素

This is the HTML content of the element

And here is the CSS

可否请你让我知道,我做错了什么,因此我也学到了什么?

非常感谢!

+2

发布真实代码,而不是图像。 –

+0

在你的情况下,你只需要定位这个类。样式规则是有效的,请验证这些样式没有被另一种具有更多特定性的样式规则超过限定。另外,请验证'a'元素没有得到任何声明的样式规则,比如'background-color'。 在发布这种性质的问题时,您还应该充分利用代码片段,以便我们可以看到代码,复制问题并为您提供更好的帮助,并为我们创造价值。花时间帮助解决和解决您的问题。 – UncaughtTypeError

+0

@Spanhaak我想我解决了你的问题,看到我的回答 – ab29007

回答

1

问题是,您正在设置li元素的背景,但a标签已结束。所以用这个代替:

li.active a{ 
    background-color:#00CC33; 
    color:blue; 
    border-color:#00CC33; 
} 
+0

@Spanhaak我认为这会解决你的问题。如果是,那么请点击我答案左边的复选框来接受我的答案。 – ab29007

+0

非常感谢KittyCat! – Spanhaak

0

如果您使用像您这样的课程,您需要使用.active而不是#active。使用#表示一个id不是一个类。

+0

感谢克里斯托弗指出了这一点。 – Spanhaak