はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 属性セレクタ

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 3 / 3件)
 

O'Reilly Japan - セレクタ、詳細度、カスケード

2013/04/30 このエントリーをはてなブックマークに追加 38 users Instapaper Pocket Tweet Facebook Share Evernote Clip セレクタ O'Reilly Japan CSSセレクタ 重み

同じ要素に対して複数のスタイルを割り当てたとき、どのように表示されるのか? ― CSSを使っていると誰もが一度は抱くこの疑問について、『CSS完全ガイド』の著者が明快に答えます。 CSSセレクタのグループ化、クラスセレクタ、IDセレクタ、属性セレクタ、疑似セレクタなど、スタイルの指定対象となるさまざまなセレクタについて、また割り当てられたスタイルがどのように重みづけされ、評価されて表示されるかにつ... 続きを読む

ITポテチ : CSSで特定のドメインを含むURLだけ強調表示する

2013/02/27 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 強調 ドメイン yahoo.co.jp 特定

2011年08月20日20:17 CSSで特定のドメインを含むURLだけ強調表示する カテゴリ CSSといってもCSS3の属性セレクタを使います。 といっても最近のモダンブラウザならほぼ問題なく動作すると思います。 CSS3の属性セレクタでは、正規表現に近い書き方ができます。 たとえば「yahoo.co.jp」というドメイン名を含むリンク全てにスタイルシートを適用したい場合であれば、下記のように記... 続きを読む

[CSS]属性セレクタを使ったちょっと面白いスタイルシートのテクニックのまとめ | コリス

2012/07/02 このエントリーをはてなブックマークに追加 83 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス result jsfiddle script CSS

属性セレクタを使って、デバッグ用に空のリンクを目立たせたり、外部リンクのみアイコンをつけたり、head内のscriptやstyleのデータを明示するなど、ちょっと面白いスタイルシートのテクニックを紹介します。 空のリンクを目立たせる 外部リンクを目立たせる 外部リンクのみアイコンを付与する PNG画像を裏返しにする head内の要素を可視化 デモ表示に使用している「Jsfiddle」はResult... 続きを読む

 
(1 - 3 / 3件)