Question

我试图在Sharepoint的顶部导航栏中的每个项目上使用不同的悬停颜色，但它们是相同的CSS类，我无法确定要在CSS中放入什么内容区分不同的发生。目前我有：

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover {
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 2px;
padding-bottom: 5px;
border-color: #571757;

将它们的颜色全部相同...... Sharepoint网站说这是在那里的offtopic并送我到这里

Answer 1

以下是您想要的示例。有关更多信息，请访问https://css-tricks.com/almanac/selectors/n/nth-child/

li:nth-child(1):hover{
color:red;
}
li:nth-child(2):hover{
color:blue;
}
li:nth-child(3):hover{
color:pink;
}
li:nth-child(4):hover{
color:gray;
}

<ul>
<li>Link</li>
<li>Link</li>
<li>Link</li>
<li>Link</li>
</ul>

在CSS中为Sharepoint在线发现同一类中的唯一元素Id

1 个答案: