人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSの記述について教えてください。

下記URLのページに今まで見たことのないようなCSSの記述がありました。

◇HTML
http://www.paulrhayes.com/experiments/clock/
◇CSS
http://www.paulrhayes.com/experiments/clock/css/experiment.css

具体的にはこのCSSの
#clock img[src*='second']
#clock:target img[src*='second']

箇所なのですが、この記述はどのような役割があるのでしょうか。

どうぞ宜しくお願い致します。



●質問者: rimk
●カテゴリ:ウェブ制作
✍キーワード:CSS HTML SRC URL 記述
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov
●60ポイント ベストアンサー

セレクタのことですか?


#clock img[src*='second']

id属性がclockな要素の子孫の、src属性にsecondを含むimg要素をセレクト。


#clock:target img[src*='second']

id属性がclockな要素でtarget擬似クラスにマッチする要素(example.com/#hoge の場合id属性がhogeな要素)の子孫の、src属性にsecondを含むimg要素をセレクト。


関連

Selectors Level 3

◎質問者からの返答

ありがとうございます。まさにこれでした!

セレクタで検索すればよかったですね。感謝です。


2 ● cactus-tree
●10ポイント

パターンマッチングです。

http://hp.vector.co.jp/authors/VA022006/css/selector.html

を参照

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ