タグ 属性セレクタ
人気順 5 users 50 users 100 users 500 users 1000 usersO'Reilly Japan - セレクタ、詳細度、カスケード
同じ要素に対して複数のスタイルを割り当てたとき、どのように表示されるのか? ― CSSを使っていると誰もが一度は抱くこの疑問について、『CSS完全ガイド』の著者が明快に答えます。 CSSセレクタのグループ化、クラスセレクタ、IDセレクタ、属性セレクタ、疑似セレクタなど、スタイルの指定対象となるさまざまなセレクタについて、また割り当てられたスタイルがどのように重みづけされ、評価されて表示されるかにつ... 続きを読む
ITポテチ : CSSで特定のドメインを含むURLだけ強調表示する
2011年08月20日20:17 CSSで特定のドメインを含むURLだけ強調表示する カテゴリ CSSといってもCSS3の属性セレクタを使います。 といっても最近のモダンブラウザならほぼ問題なく動作すると思います。 CSS3の属性セレクタでは、正規表現に近い書き方ができます。 たとえば「yahoo.co.jp」というドメイン名を含むリンク全てにスタイルシートを適用したい場合であれば、下記のように記... 続きを読む
[CSS]属性セレクタを使ったちょっと面白いスタイルシートのテクニックのまとめ | コリス
属性セレクタを使って、デバッグ用に空のリンクを目立たせたり、外部リンクのみアイコンをつけたり、head内のscriptやstyleのデータを明示するなど、ちょっと面白いスタイルシートのテクニックを紹介します。 空のリンクを目立たせる 外部リンクを目立たせる 外部リンクのみアイコンを付与する PNG画像を裏返しにする head内の要素を可視化 デモ表示に使用している「Jsfiddle」はResult... 続きを読む