Question

我尝试按照将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> 但我没有设置

请指导我的语法。

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

在css文件中

css

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

是的我可以在li本身进行更改，但我需要分别更改每个facebook blue的颜色例如tweeter navyblue的{{1}}。

任何人都可以为每个li提供准确的css更改

Answer 1

style attribute for HTML elements仅支持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;  
}

Answer 2

应该这样做：

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

依旧......

Answer 3

将声明添加到样式表

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

Answer 4

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

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

内联css不适合我的李

4 个答案: