应用类没有id的样式

时间:2015-08-20 14:49:43

标签: css mmenu

如何将样式应用于除第一个元素之外的所有元素:

<div class = "mm-current" id="mm-1"></div>
<div class = "mm-current" id="mm-2"></div>
<div class = "mm-current" id="mm-3"></div>
...// Dynamic amount of entries

我试过这个:

.mm-current:not( #mm-1 )
{
    background-image: url( "Images/trans-white-background-strong.png" ) !important;
}

但遗憾的是这不起作用(无论元素上有id="mm-1",都会应用样式)

1 个答案:

答案 0 :(得分:0)

使用类时,仅将样式应用于第一个元素,请执行以下操作:

.mm-current:first-child
{
    background-image: url( "Images/trans-white-background-strong.png" )!important;
}

希望你的问题得到解决,问候。

编辑#1:当你只想要一个元素的特定样式时,你也可以这样做。如果你知道我的意思,那么风格也不是风格:

小提琴:http://jsfiddle.net/3zvg5f6b/1/

摆弄图片:http://jsfiddle.net/3zvg5f6b/2/