CSS「> a」の意味
-
0 名前： やよ ： 2006/08/02（水） 17:29 ID:K3ec.Mrb
- ネットであるサンプルソースを見つけました。
そこのスタイルシートに
ul.list1 li a { color: #ffffff; }
ul.list1 li:hover > a { color: #000000; }
との記述（省略してますが）がありました。
この2行目の「> a」とは何ですか？
継承関係の書き方なのでしょうか？初めて見ました・・・
他にも
ul.list1 li > ul {（省略）}
とかありました。
そのサンプルサイトは海外のサイトなので、制作者に問い合わせできません（涙）
いろいろ調べてみましたが、見つけられませんでした。
知ってる方いましたら、教えてください。
-
1 名前： モノ ◆7YMtX/NYmu ： 2006/08/02（水） 17:29 ID:7OITa0a3
- 子セレクタ
http://www6.plala.or.jp/go_west/nextcss/ref/slctr/slctr.htm#child
これかしら。
-
2 名前： やよ ： 2006/08/02（水） 17:29 ID:K3ec.Mrb
- モノさん、ありがとうございます。
まさにコレですね。
子セレクタ。直下の要素にのみ適用されるCSSなんて、便利だなと思ったんですけど、
IEはあまり対応してないみたいなので、今後使う機会に恵まれないかもしれません（苦笑）
スッキリしました。
ありがとうございました。
