下記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']
箇所なのですが、この記述はどのような役割があるのでしょうか。
どうぞ宜しくお願い致します。
セレクタのことですか?
#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要素をセレクト。
セレクタのことですか?
#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要素をセレクト。
ありがとうございます。まさにこれでした!
セレクタで検索すればよかったですね。感謝です。
ありがとうございます。まさにこれでした!
セレクタで検索すればよかったですね。感謝です。