Chrome CSS已被动态内容忽略

Question

我的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%;
}

EDIT2：

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

感谢

Answer 1

选择器tag > *不会定位标签的所有子项，只会定位immedate孩子。

如果您想定位所有孩子，请使用tag *。

Chrome没有忽略display:block这样的严重错误，因此必须有针对您案例的特定内容。

如果没有看到代码，很难确切地知道它是什么，但有一些可能的原因：

• 标记是内联标记，您没有使用HTML5文档类型。

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

Answer 2

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

您的css中可能存在导致Chrome停止处理CSS的错误。 如果您缺少;或} Chrome，则不喜欢这样。

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