html – Chrome和CSS属性选择器

发布时间：2020-12-14 22:50:59 所属栏目：资源来源：网络整理

导读：我有以下HTML代码,我想用css格式化一种无法更改的数据格式(来自xml). 我必须为具有不同属性值的元素提供不同的样式.我想使用CSS属性选择器. body { background-color: black}s { text-decoration: none}f { color: black; text-decoration: none; display: b

我有以下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呢？
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!