「えっ？」
ってな自体が、作業わずか10分で起こったわけですよ。というか、当たり前のハナシなんですが・・・。CSSの読み書きとか定石は大体分かってる(つもり)だったんだけど、アメブロのCSS編集って、出来合いのを変更するのよね。

今まで自分でイチからテキストエディタで作りまくってたから、他人のCSSをいじるのってあんまりやってなかった件。
つまりアメブロのルールに従ってCSS変更しなきゃならんので、読まないといけないんだよね。メンドクセー。めんどくさいからといって、新しく自分でCSSのクラス作れば簡単じゃん、といってもそうはいかない。HTMLの書き換え不可だし。じゃあ結局、アメーバの書式に則って変更せざるをえないと。

てか、なんでそれに今気づいたのかｗｗｗｗ

俺がマヌケだったわけだが・・・。で、同じくアメブロのデザイン系のブログを探してたらこういうのを見つけた。
Noalotさんのブログで見つけたんだけど、ChromeってHTMLとCSSの対象検証が出来たのね・・・。しかも書き換え可能とかｗ
JavaScriptのデバッグでしか使ってなかった件(笑)　Chromeさんごっつぁんです！
というわけでさっそく使ってみます！

アメーバのCSS編集の仕組み