5

次の HTML コードがあります。ここでは、変更できないデータ形式 (xml から) を css でフォーマットしたいと考えています。

異なる属性値を持つ要素に異なるスタイルを与える必要があります。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
}

<b>
  <s> 
    <f type="h2">Title</f>
    <f type="p">Paragraph</f>
    <f type="speech">Dialgoue</f>
    <f type="other" br="true">Other</f>
    <f type="p">Paragraph</f>
    <f type="p">Paragraph</f>
  </s>
</b>

Firefox では、ページは期待どおりにレンダリングされます (h2緑、p青、speech黄色、その他はグレー)。クロムではすべてが緑色です。

Chrome で Firefox の結果を取得するにはどうすればよいですか?

4

3 に答える 3

0

理由は不明ですが、Chrome は HTML タグに対してかなり厳密であるため、上記のブラウザーでは CSS ルールがうまく機能しません。

ただし、代わりに XML のスタイルを設定してみませんか?

于 2013-06-13T15:16:54.407 に答える