Whocaresでcssを使う時のコツ 2
この記事の続きです。
この掲示板にかかっているcssは分かりやすく言えば2種類あり、
【元々whocaresという掲示板そのものに設定されているcss】【掲示板を借りたユーザー(このサイトの場合だと管理人さんのことです)が設定しているcss】です。
この2種類のcssでページ全体のデザインができあがっており、僕らが何も設定していない状態でも見やすいようにしてくれているわけです。(ソースを見ていただくと何が設定されているかわかります)
ただし、投稿欄から投稿できる内容はこれらを上書きすることが可能です。
cssの書き方によっては上書き出来ないようなものもありますが、現状このサイトの日記板に設定されているcssについてはすべて容易に上書きが可能です。
(上書き方法や優先順位については詳しく書いてあるサイトがいっぱいあるのでそちらを調べていただければと思います)
ちなみに以前、僕がまだ知識のなかったとき、hr要素上書きできない!ギャー!って喚いたんですが(
>>50,51)管理人さんが秒で対応してくださいました。本当にありがとうございます。(これに関しては別ページで補足します)
そういう訳ですので、今現在設定されている中で
全体に影響を及ぼしているのは*セレクタとbodyセレクタの内容のみです。
それらを表記に加え、指定しなおすことでほとんどが解決するはずです。
(詳しいやり方やリセットの仕方、cssの優先順位などは調べてもらえばすぐに出てくると思います)
以上、Whocaresのcssを組む際の問題と解決方法でした。
指定し直す、というかリセットする具体的な記述については後々気が向いたら調べて組んでみようかと思います。
ちなみにここまでやって解決しない!!!という場合もなくはないです…
全角空白などが関係している場合もあるので、1から書き直したり順番を変えたりすると案外スルっと反映してくれたりします。
cssに関して僕は、この日記を作るまでクソサイトを作った当時程度の古い知識しか持ち得ておらず(今ってテーブルタグあんまり使わないんだ…へえ…って思いました…)
この日記を作る時から今まで、生放送や仕事の合間にたらたらと勉強しただけなので
そんなに難しいことではなく、ある程度わかっている人なら当たり前くらいの話だとは思うんですけれど、自分の中での整理ついでに参考になればいいなあと思って書きました。
まだまだ勉強中なので、坂ちゃんそれ違くない?法律に触れてない?詐欺やめて??みたいなことがありましたらご一報ください…。
奇声上げながら書き直します……。
(以下、もう少し深掘りして知りたい人向けの
おまけ)