0

我的 CSS 有问题。我用最新的 FF 和 IE 测试它没有问题，但 Chrome 不能正确渲染它。

我想将标签的所有子元素显示为我使用的块

Tag > * {
    display:block;
}

它在 IE 和 FF 中都可以正常工作，但不能在 chrome 中正常工作。我尝试使用控制台强制它并放置 display:block 但它失败了。好像 chrome 忽略了 display:block ？

编辑：标签实际上是一个自定义标签 CurrentWeather

完整的CSS：

CurrentWeather > * {
    display:block;
}

body {
    text-align:center;
  }


div#result{
    text-align:left;
    margin: 0 auto;
    width:50%;
}

编辑2：

我认为这是一个 ajax 问题，因为当我对添加的 html 进行编码时，它可以正常工作。chrome 不会对动态内容应用 css 吗？

谢谢

4

2 回答 2

5

选择器tag > *不会针对标签的所有子项，仅针对直接子项。

tag *如果你想针对所有孩子，你会使用。

Chrome 没有像 ignoring 这样严重的错误display:block，因此必须有一些特定于您的情况的东西。

不看代码很难准确判断它是什么，但有一些可能的原因：

  • 该标记是一个内联标记，并且您没有使用 HTML5 文档类型。

  • 标记已损坏，因此子元素不是您认为的元素。（特别是浏览器之间的不同行为对于损坏的标记是典型的。）

于 2012-11-04T22:25:21.643 回答
1

对我来说很好：http: //jsfiddle.net/DigitalBiscuits/nkymw/1/

您的 css 中的某处可能存在错误，导致 Chrome 停止处理 CSS。如果你有一个失踪;或}铬不喜欢这个。

您需要向我们展示您的所有代码，或者使用 CSS 验证器查看您的代码 http://jigsaw.w3.org/css-validator/

于 2012-11-04T22:26:43.137 回答