タグ

ブックマーク / blog.livedoor.jp/tipsmemo (1)

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

    2011年08月20日20:17 CSSで特定のドメインを含むURLだけ強調表示する カテゴリ CSSといってもCSS3の属性セレクタを使います。 といっても最近のモダンブラウザならほぼ問題なく動作すると思います。 CSS3の属性セレクタでは、正規表現に近い書き方ができます。 たとえば「yahoo.co.jp」というドメイン名を含むリンク全てにスタイルシートを適用したい場合であれば、下記のように記述します。 a[href*="yahoo.co.jp"} { color: red; } これでヤフーJAPANへのリンクすべての文字が赤色になります。 ポイントはアスタリスク(*)で、これがあることでワイルドカードでの指定がCSSでも可能になります。 逆に「^」を使うと特定キーワードの除外になります。 a[href^="yahoo.co.jp"} { color: blue; } これでヤフー以

  • 1