スタイルシートの適用について

「class属性の適用」の回で課題とした件はどうだったでしょうか?

 

class属性が指定したスタイルシートにstyle属性で指定したスタイルシートが重複する場合です。

たとえば,

<p class=”red” style=”color:blue”>XXXX</p>

この場合,XXXXは青文字になります。class属性が示すスタイルシートは赤文字を指定していてもです。

 

つまりこういう事になります。

class属性で示すスタイルシートは複数のタグに対して指定される事があり得ます。

それに対してstyle属性での指定はその部分の固有のスタイルとなります。

この場合,個別の指定の方が優先される事になっているのです。

 

これは同じようにタグに指定したclassに関しても言える事で,たとえば

<body style=”color:red”>

<p style=”color:blue”>XXXX</p>

</body>

だと,pタグに指定の青色が適用される事になります。

 

これを理解しているとザックリ指定して望む部分だけ微調整を行なうという指定ができますね。

 

今日のまとめ:

 

スタイルシートの指定は適用範囲が狭いものが優先される。

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です