我有以下HTML代码,我想用css格式化一种无法更改的数据格式(来自xml).
我必须为具有不同属性值的元素提供不同的样式.我想使用CSS属性选择器.
body {
background-color: black
}
s {
text-decoration: none
}
f {
color: black;
text-decoration: none;
display: block;
}
f[type=h2] {
color: green
}
f[type=p] {
color: blue
}
f[type=speech] {
color: yellow
}
f[type=other] {
color: gray
}
在Firefox中,页面按照我的预期呈现(h2为绿色,p为蓝色,语音为yelllow,其他为灰色).在chrome中,一切都是绿色的.
如何在Chrome中获取Firefox结果？
最佳答案
由于某些未知原因,Chrome对HTML标记非常严格,因此CSS规则在上述浏览器中无法正常工作.
不过有个建议,你为什么不style the XML呢？
