2020/09/10(Thu) 14:18

Name: 清水31

HTMLタグ内に
　class="color green button small"
と書けばCSSセレクタとしてcolor green button smallで定義されたstyleが全て(=OR条件)適用される。同一の項目が重複していれば後勝ちで上書きされる。

CSSファイル内のセレクタとして
　.button.color {
　}
と書けばclass指定としてbuttonとcolorの両方(=AND条件)が指定されたタグに対して当該styleが適用される。

===> うーん、つぎはぎの仕様ですね。スパッゲティのcodingを生み出す元凶になりかねないと思われますが、オープンな環境で発展してきたものなので仕方ないのでしょうね。

修正テスト

2020/09/25(Fri) 22:20:21

Name: 清水31

bbs.css内にはセレクタcolorは .button.color の一か所のみである。また htmlファイル側もclassにcolorを指定している箇所は全てclassにbuttonを指定している。従って .color と書いても同じことだったと思われるが、あえて変更はせずにこの書き方に準拠してボタン設定の他のカスタマイズを行うことにした。
※単にcolorとするよりボタンの色という意味で .button.colorのほうが意味が分かりやすいとも思われる。

==修正テスト===
日時が反映されるが表示順は変わらないこと