-1

我试着像下面这样background hover color为我设置一个新的，li tag 但我没有设置

请指导我的语法。

  <nav class="icons-example">
                        <ul>
                        <li><a href="#"><span class="font-icon-social-facebook" style=":hover a { background-color: blue;}"></span></a></li>
 <li><a href="#"><span class="font-icon-social-tweeter" style=":hover a { background-color: nevyblue;}"></span></a></li>
    </ul>
    </nav>

在 css 文件中

.icons-example ul li:hover a,
.icons-example ul li.active a {
background-color: red;  
}

我想将蓝色设置为悬停，请帮助我。

是的，我可以自己进行更改，css但我需要单独更改每个颜色，li例如facebook bluefor tweeter navyblue.?

谁能给我每个 li 的确切 css 更改

4

4 回答 4

3

HTML 元素的style 属性仅支持 CSS 属性。它不支持 CSS 选择器。

为了为每个列表项实现不同的颜色，您需要在样式表中单独定位每一个。大意是：

.icons-example ul li:hover a,
.icons-example ul li.active a {
    background-color: red;  
}

.icons-example ul li:hover .font-icon-social-facebook
{
    background-color: blue;  
}

您可能希望将“facebook”的类属性添加到该元素的 LI，因此您可以执行以下操作：

.icons-example ul li.facebook:hover a
{
    background-color: blue;  
}
于 2013-10-25T17:32:12.450 回答
3

这应该够了吧：

.icons-example ul li:hover a,
.icons-example ul li.active a {
background-color: red;  
}

.icons-example ul li:hover a span.font-icon-social-facebook,
.icons-example ul li.active a span.font-icon-social-facebook {
background-color: blue;  
}

.icons-example ul li:hover a span.font-icon-social-twitter,
.icons-example ul li.active a span.font-icon-social-twitter {
background-color: navy;  
}

等等……</p>

于 2013-10-25T17:39:43.937 回答
1

将声明添加到您的样式表

.icons-example ul li.active a {
  background-color: red;  
}
.icons-example ul li.active a span:hover {
  background-color: blue;  
}
于 2013-10-25T17:32:51.947 回答
0

内联 CSS 是该DOM 对象的直接样式。

你不能告诉它style=":hover a { background-color: blue;}"

于 2013-10-25T17:31:11.017 回答