CSS选择器无法正常工作

时间:2018-04-20 12:51:45

标签: html css css3 css-selectors

我正在使用代码

footer h1,h2,h3,h4,h5,h6{
  color: #fff;
  margin: 10px auto;
}

选择页脚内的所有h标签。有一个HTML标签页脚,如果我没有弄错,我的代码应该只选择页脚标签内的那些h1,h2,h3,h4,h5,h6标签。但令人惊讶的是,当我测试我的代码时,它会选择页脚标记之外的所有其他h1,h2,h3,h4,h5,h6标记!

怎么可能?有什么我想念的吗?

2 个答案:

答案 0 :(得分:6)

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
 color: #fff;
 margin: 10px auto;
}

答案 1 :(得分:2)

你必须在所有h之前写页脚。这样css实现了页脚h1,h2 ...... 如下所示

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: #fff;
  margin: 10px auto;
}