1

サブメニューがメインメニューのスタイルを使用しないようにするにはどうすればよいですか? 私が使用しているものは、.nav-left li.link a および .nav-left li.link a:hover からスタイルを取得し続けているようです。

#nav {position:relative; width:960px;}
#nav .nav-left, .nav-right {position:relative;}
#nav .nav-left ul, .nav-right ul {margin:0; padding:0;}
#nav .nav-left li, .nav-right li {float:left; position:relative; list-style:none;}
#nav .nav-left li.logo a {position:static;}
#nav .nav-left li.item, .nav-right li.item {position:relative;}
#nav .nav-left li.link a, .nav-right li.link a {}
#nav .nav-left li.link a:hover, .nav-right li.link a:hover {}
#nav .nav-left li:hover a {}
#nav .nav-left li.active a, .nav-right li.active a {}
#nav .nav-left li.active a:hover, .nav-right li.active a:hover {}
#nav .nav-left li.first, .nav-right li.first {}
#nav .nav-left li.last, .nav-right li.last {}
#nav .nav-left ul li:hover .submenu {left:0; top:auto;}
#nav .sub-menu {position:absolute; left:-999em; width:200px;}
#nav .sub-menu ul {}
#nav .sub-menu li {display:block; position:relative; width:200px; list-style:none;}
#nav .sub-menu li a {}
#nav .sub-menu li a:hover {}
4

1 に答える 1

1

子セレクターを利用します。すべての子孫ではなく、直接の子のみが選択されます。

例えば：

 .nav-left > ul {} /* only matches if ul is direct child of .nav-left */

最新のすべてのブラウザーと IE >= 7でサポートされています。

于 2012-09-27T23:59:15.933 に答える