在CSS中为div使用多个ID

Question

我在网站上有3个DIV元素和这个CSS：

#box-left, #box-middle, #box-right a {
    text-decoration:none;
    color:#000000;
}

它似乎只是在#box-right元素上工作。

有什么想法吗？

Answer 1

你必须把

#box-left a, #box-middle a, #box-right a {
    text-decoration:none;
    color:#000000;
}

逗号分隔符列表中的每个值都是一个选择器，它不与下一个元素组合：

#foo, .class p, #bar p:first-child a {
  something;
}

相当于

#foo {
  something;
}

.class p {
  something;
}

#bar p:first-child a {
  something;
}

Answer 2

你没有把元素放到你的选择器上，要好好理解你的css，如果你不得不连接一个div或一个类考虑做一个新的段落来理解你的代码：

#box-left a, 
#box-middle a, 
#box-right a {
    text-decoration:none;
    color:#000000;
}

Answer 3

尝试

#box-left a, 
#box-middle a, 
#box-right a {
  text-decoration:none;
  color:#000000;
}

因为它适用于所有div的锚标记。

最好给一个锚标记类并直接应用该类。