我有以下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
}