Web筋トレも使っているサーバー!ロリポップを使ってみない?

css3の勉強~その4~属性セレクタ

Sponser Link

属性セレクタ

a[href] aにhrefがあれば
a[href=”foo”]aにhref=”foo”があれば
a[class~=”foo”]aに複数のclassが半角スペースでついている場合(他にもclassがある)

a[href^=”http”]aにhttpで始まるリンクがある場合
a[href$=”.com”]aに.comで終わるリンクがついている場合
a[href*=”.co.jp”]aにco.jpを含むリンクがついている場合

[css] p[class~=”info”] {color:#ff0000; font-size:small;}
p[href*=”.co.jp”] {color:orange;}
[/css]

Sponser Link

コメントを残す

メールアドレスが公開されることはありません。