CSS の統合と分離

CSS の記述はまったく同じ内容を指示をする場合は、
ひとつに統合する事ができます。

例えば ・・・


この上記の指示をひとつに統合すると、こうなります (｡_｡*)


.reidai-A や .reidai-B、.reidai-C の事を " クラス名 " と呼びますが、指示の内容が同じで、それらを統合する際は各クラス名を 『 , 』 （ 半角カンマ ） で区切り、その内容を { *** } でくくれば良いのです。

今回の質問に対しては、その逆の考え方をすれば簡単に分離させる事ができます。実際にやってみましょう。（ 中に書かれている、padding などの記述はあくまでも例です。あなたの CSS と合致したものではありませんので気を付けて下さい。 ）


これがこうなります ・・・ (｡_｡*)




こうした上で、それぞれに別々の指示を書き加える、変更するなどすれば、思いどおりの仕上がりになるでしょう φ(ﾟ▽ﾟ*)♪

統合する事のメリットとすれば、CSS の記述が少なければ少ないほど管理が楽ですし、その内容を変更する事で、一度に複数のクラス属性に対して指示を出す事ができます。

また、ブログの表示の際に読み込みが早くなるため、俗にいう " CSS が軽い " と言う状態になります。AQ のブログは CSS への指示が細かすぎて、非常に重いかもしれませんね (^_^;)

※ 注意 ：
リンクテキストの指示は、上記の CSS の記述場所では変更できません。リンクに対しては必ず 『 a 』 という記号をクラス名に付け加えた上で、指示を出さなければなりません。

上記の 『 投稿記事本文 』、『 記事追記文 』、『 タグ 』 に対してのリンク指示は、それぞれ ・・・


・・・ となります。関連記事も併せてお読みいただくと、
ご理解しやすいかもしれません ｏ￣∀￣)ノ”ぁぃ

■ 関連記事