× 無料のユーザー登録をすると学習状況を管理することができるようになります

#05 属性セレクタを使ってみよう

さて次は属性セレクタについて見ていきましょう。
CSS2.1 でも例えば a の href 属性が存在する場合というのは a[href] のようなセレクタで指定できたり、もしくは href 属性が foo という値ならば a[href="foo"] のように指定できたり、もしくは値がスペース区切りだった時に foo を含むかというのは a[href~="foo"] で指定ができました。

CSS3で拡張された属性セレクタについて見ていきます。

  • a[href^="foo"]
  • a[href$="foo"]
  • a[href*="foo"]

このレッスンでは CSS 3 を使用しています。

このレッスンの問題を報告する

この動画に関する、よくある質問はまだありません。

プレミアム会員(月額980円)になると、全レッスンの素材ファイルをダウンロードできます。

詳しい説明を読む

プレミアム会員(月額980円)になると、全レッスンのソースコードを見られるようになります。

詳しい説明を読む

このレッスンの問題を報告する

プレミアム会員(月額980円)になると、全レッスンのデモを見られるようになります。

詳しい説明を読む
先生に質問してみよう (試験運用中)