【文字色一覧】 【タグ一覧】 【カラーコード一覧】
スレ一覧
30.ふたりかくれんぼ(保存)
 ┗180

180 :坂本龍馬
2019/08/11(日) 22:33


Whocaresでcssを使いたい時のコツ おまけ


hrに関して補足ついでに掲示板にかかっているcssについてもう少し詳しく書きます。
特に知ったからと言ってどうということはない、偏ったどうでもいい話なのでcssにけっこう興味のある方向けです。

■ hrに関して補足
当時僕は「上書きできない」といった表現をしていましたが、恐らくは当時も設定されているhrデザインを打ち消してから書き直すことで上書きはできたはずです。たぶん。(検証しようとしましたが当時の環境を再現出来ず出来なかったです…)
ただこれは通常HPを作る際使うことの少ない知識であり、ちょっと勉強したくらいだと辿りつきにくい部分だなぁと思います。
(HPなどで自分で全て組む場合、わざわざ打ち消すくらいなら別のクラスを設定して分けたほうがよほど分かりやすいですからね)
打ち消す分の記述も必要になってくるので、簡単に設定できるようにしてくださった管理人さんには重ね重ね、感謝しかありません。

hrに関しての補足は以上です。

10/07追記:勉強不足でした!!あくまで恐らくですが、優先順位の関係で打ち消しはできなかったと思います。
上書き自体は「できなくもない」ですが、無理やり優先入れ替えるような記述になるのでオススメできる方法ではなかったです。

■ 掲示板にかかっているcssについての詳細
僕は前の記事で「この掲示板にかかっているcssは分かりやすく言えば2種類ある」と話しました。
これは厳密に言うとちょっと違います。

より詳細に言うと、前述の
【掲示板を借りたユーザー(このサイトの場合だと管理人さんのことです)が設定しているcss】
これには設定する方法が2種類あります。

 1.管理システムの項目別に設定できるcss(body、a要素、hr要素 等が項目ごとに設定できます)
 2.管理システムの上級設定でheader内に自由に設定できるcss(まとめて設定できますがより知識が必要です)

この2種類です。これが理解するときに引っかかりやすいっちゃ引っかかりやすいです。
記述する上ではそんなに問題ないですが。
なのでつまりは

【元々掲示板に設定されているcss】
【ユーザー(管理人)が設定しているcss】

 ┗1.項目毎に設定できるcss
 ┗2.自由に設定できるcss


これがより正しい表現になります。
で、これがソースにどういう順序でどのように反映されているかというと(一覧ページのソースをもとに話します)

・headerの上に【元々whocaresという掲示板そのものに設定されているcss】が入ります。
・その下に続く形で2の上級設定で設定したcssが入ります。(この日記サイトでは設定されていないため入っていません)
・そして最後に1で指定した内容が、cssとしてではなくbodyに直接記述される形で入っています。

こういう形で反映されています。

なので、自分のしたいデザインが「どこにどう設定されているcssと干渉しておかしくなっているのか」を見つけると上書きがよりスムーズにできるかなと思います。
まあ理解せずとも上書きさえできていれば問題ないので与太話程度ですが…。
最悪じゃあとりあえず全部リセットする記述入れればいいじゃん!って言われたらそうだね!!って感じです。記述は長くなりますが。


[削除][編集][コピー]



[戻る][設定][Admin]

WHOCARES.JP