経緯 display: inline-block;を指定するとあたかもinlineでの表示のように振る舞いながら、heightや上下のpaddingを指定することができてすごく便利です。4列のデータ一覧を作りたいとき、これを使うとレイアウトが崩れてしまったので、そのメモ書き。 不具合がおきるサンプル 以下がサンプルです。4列に画像を並べたいときのHTML/CSSを想定しています。
全ての<p>タグに対してスタイルを当てたかったのですが、単純にやってしまうと、#hoge以下の表示が崩れてしまうことがありました。そこで、#hogeに囲まれていない<p>に対してCSSを当てる方法のご紹介です。 コード :not(#hoge) p{ /* 当てたいスタイルシート */ } 解説 :not()は()内のセレクタ以外のものにマッチしま