'font-weight'プロパティをオーバーライドするCSSに奇妙な問題があります。 -'font-weight'プロパティのCSSオーバーライド
要素 'p'の 'font-weight'がsmall(同じように紫色に設定されている)に設定されています。しかし、FF/Chromeではフォントが太字で表示され、色は紫色に優先されます。
これはなぜ起こっているのですか?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<style type="text/css">
p {
font-weight: small;
color: purple;
}
#speciality_test{
font-weight: bold;
color: red;
}
.class_speciality_test{
font-weight: bold;
color: red;
}
</style>
</head>
<body>
<div id="speciality_test">
<p>
Inside identifier... HTML CSS test pages.
</p>
</div>
<div class="class_speciality_test">
<p>
Inside class... HTML CSS test pages.
</p>
</div>
</body>
</html>
ありがとうございます。 –