どうも!LSSです!! コメント欄のCSSいじりシリーズ(?)、今度はコメント欄の中身にまで手を出しました。 コメント欄のクラス まとめ コメント欄の内側のデザインをいじってみた! コード ざっくりと断片的な解説 display:inline-block; content:"\A";white-space:pre; border:4px inset #E0F0C0;の2段重ね float:left; ところどころ、クラス名を並べて指定している理由 コメント本文をどうするか、最後まで迷いましたが… とりあえずこれで コメント欄のクラス まとめ 前回の記事でソースをそのまま載せましたが、その中から「タグ名」「クラス名」のみを抜き出し、階層構造が分かりやすいようにしてみました。 ※その後ろに日本語で書いているのは、その項目の意図です。 li entry-comment js-entry-comm
![【CSS・はてなブログ】コメント欄、中身のデザイン - Little Strange Software](https://cdn-ak-scissors.b.st-hatena.com/image/square/439f00300755ce02587fe9b35aeb5f73b9afb66b/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fl%2Flittle_strange%2F20200620%2F20200620233841.png)