CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了CSS属性选择器后代在Webkit中提供了一个错误?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
虑这个CSS:
[data-color="red"] h1 {
BACkground-color:red;
}

[data-color="blue"] h1 {
BACkground-color:blue;
}

而这个HTML:

<div data-color="red">
<h1>red</h1>
</div>

<div data-color="blue">
<h1>blue</h1>
</div>

<div data-color="blue">
<h1>blue</h1>
</div>

现在来看看以下Webkit和其他浏览器中的代码演示:
http://jsfiddle.net/aUCkn/

奇怪的是,如果你把每个h1放在同一行上,即:

<div data-color="red"><h1>red</h1>
</div>

<div data-color="blue"><h1>blue</h1>
</div>

<div data-color="blue"><h1>blue</h1>
</div>

它也在Webkit中工作:
http://jsfiddle.net/aUCkn/1/

有谁知道这是从哪里来的?我做错了什么或Webkit在这里表现愚蠢吗?

解决方法

第一个jsFiddle在我的Chrome 12.0.742.112(稳定)中损坏.

但是,它适用于我的Chrome 14.0.803.0 dev-m.

所以,他们已经意识到并修复了错误.你只需要等待修复才能进入稳定的通道.

我会尝试找到一个错误报告的链接(如果存在).

大佬总结

以上是大佬教程为你收集整理的CSS属性选择器后代在Webkit中提供了一个错误?全部内容,希望文章能够帮你解决CSS属性选择器后代在Webkit中提供了一个错误?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。