【问题标题】:Apply style where class does not have id present应用类不存在 id 的样式
【发布时间】:2015-08-20 14:49:42
【问题描述】:

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

<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",都会应用该样式)

【问题讨论】:

  • "仅将样式应用于第一个元素" 您的意思是仅将样式应用于第二个和第三个元素?你所拥有的应该像描述的那样工作。你必须告诉我们“不工作”是什么意思。
  • 谢谢,我已经修改了问题。
  • 据我所知,您的选择器应该可以正常工作(也就是说,它会将背景图像设置为所有 .mm-current,除了 ID 为 mm-1 的图像)。也许其他地方有问题。你能创建一个可验证的例子吗?
  • 天哪,哈利,你是对的......哦,真烦人。谢谢,伙计……一定是发生了其他事情,brahhh

标签: css mmenu


【解决方案1】:

当使用类时,只对第一个元素应用样式,这样做:

.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/

【讨论】:

  • 我做了一个可能会改变问题的更改。我需要设计所有样式...但第一个 :)
  • @Jimmyt1988 添加了一个新的小提琴,你可以做同样的事情,正如我之前提到的。你确定,你有正确的道路?您的样式表是否在 css 之类的子文件夹中?就像您的图像文件夹一样?那么你的 URL-Path 应该是 background-image: url("../Images/trans-white-background-strong.png");
猜你喜欢
  • 2019-12-15
  • 2023-04-07
  • 1970-01-01
  • 2012-08-05
  • 1970-01-01
  • 2011-06-23
  • 2019-08-27
  • 2012-06-24
  • 2015-03-15
相关资源
最近更新 更多