否定疑似クラス「:not」は非常に便利です。
疑似クラスは指定した属性を持っていない要素に対して定めることができます。
|
1 |
:not(p) { padding: 20px; } |
p要素ではない要素に適用されます。
「E:not(s)」のEはなくてもいい
Eの部分はあってもなくても構いません。
|
1 2 3 |
a:not(:first-child):not(:last-child){ padding: 20px; } |
Eの部分をつける場合:first-childや単純セレクタで要素を指定することができます。
「E:not(s)」のsに入れられるのは、単純セレクタのみです。
単純セレクタとは>や+などの結合子がないセレクタです。なので、sの部分に結合子が入ると動きません。
この記事を見た人は次の記事も見ています。
切り抜きサイズを統一
justify-contentで最後の行を左寄せにする
WordPressのURLの自動補完リダイレクトを無効にする
第五十九回「SEO対策でのキーワード選択の重要性」
IPアドレスでのFFFTPログイン
Google画像検索でフリー画像を探す
CMSのMTとWP違い
カテゴリ名をリンク付きでリスト表示する WordPressタグ
サーバーのお話④
Photoshopパターンの作り方
.htaccess でのbasic認証のかけ方
画像を斜めにくり抜く
DOMの変更を監視して、スクロールに応じてフェードインしたりする動きを実装
カスタムフィールド の値を全ページで取得する方法
スマホの横揺れ
擬似要素- 文字の先頭と最後をあわせる
WordPress Visual Icon Fonts
【DOM】jQureyでリストないの改行箇所のみ行間を狭くする
Browser CSS-Selector-Test
コメント