在chrome更新后,CSS首字母选择器未正确应用

Question

昨天我将Chrome更新到版本24,在执行此操作之后,似乎display:none我应用于选择器的属性似乎没有被应用.

我有一个将应用的第一个类型选择器display:block,它似乎适用于除最后一个之外的所有类型的成员.

当我display在Chrome开发者工具中禁用/启用此css 属性时,display:none会正确应用.开发人员工具甚至流露出display要none同时仍然允许选择从网页元素

此行为适用于以前版本的chrome和firefox.

有没有办法可以强制触发这种行为？

我目前尝试设置一个不同的类在Javascript中应用显示逻辑,但我更喜欢有一个CSS解决方案.

编辑

"用户代理样式表"中还有一个"div {display:block;}",虽然在开发人员工具中将其标记为覆盖,但这可能是问题的一部分？

Answer 1

如果您遇到的问题是使用 display:block/none;“打开和关闭”元素；这可能是 Chrome 很久以前就遇到的渲染问题。

有时，用显示替换内容会导致 Chrome 中出现重绘问题，即使控制台显示属性已替换，也不会影响窗口及其元素。

尝试将其添加到您想要隐藏/显示的元素中：

-webkit-transform: translate3d(0,0,0);

或者，如果您使用 X 和 Y 的翻译，只需添加：

-webkit-transform: translateZ(0); // This affects only the Z preserving X and Y

此外，您还可以在Yotam Omer 的回答中阅读浏览器的转换操作到底是什么，以使其“起作用”