CSSの便利なセレクタ10選 - Qiita
以下はCSS MENU MAKERというメニューCSS作成サイト内にあるブログ、10 Handy CSS Selectorsの日本語訳です。 いつも以上に意訳というか適当訳多め。 10 Handy CSS Selectors 空の要素、特定の要素、または任意の要素をターゲットにできる強力なCSSセレクタのことを知っていますか？ 経験豊富なフロントエンド開発者は皆知っています。 古い開発者はこれらの使用を嫌がるかもしれません。 しかしブラウザの開発はこんにち益々加速しており、今更使用を躊躇するべきではありません。 上記を念頭に置いて、今すぐ使い始めることができる便利なセレクタを10種類、以下に用意しました。 古のIEはサポートしていませんが、そのためにPolyfillというものが存在します。 + ある要素の直後に存在する要素だけを装飾したい、そのような場合は隣接 しぶりんセレクタ ( Adj
【CSS】実はこんなに便利！cssのセレクタ指定方法をちょっとだけ掘り起こしてみた | バシャログ。
モニターを見つめる目に優しいメガネがZoffからも出る！しかも度付きOK、フレームも選べる！気になってます。hakoishiです。 さて、今回は実は便利なcssのセレクタ指定方法をちょっとだけ掘り起こしてご紹介。 直下にある要素だけ、とかセレクタ名が部分一致したら、はたまたリンク先パスによって、とか実はかなり便利です！ 特定の要素の直下の要素だけに一括でマージンを設定 特定の文言を含むセレクタ、及びその位置で対象を絞り込み指定 リンク先のパス次第でスタイルを切り分ける 特定の要素・セレクタを例外とする 特定の要素の直下の要素だけに一括でマージンを設定 #container>* { margin: 0 10px; } IE7以上対応。 親>子で、直下要素のみを対象指定。 上記例ではid="container"の直下の要素すべてにマージンが設定されます。 ユニバーサルセレクタには正直不安を感じ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
