ナビゲーションのドロップダウンレベルのスタイルを設定しようとしていますが(たとえば、ドロップダウンの幅を大きくする)、変更する関連セレクターが見つかりません。サイトはhttp://www.mattmaclennan.co.uk/a2です。
例:[新しいオートバイ]ドロップダウンで、幅を広げてから、ロールオーバー要素を横に移動します
使用するコードは知っていますが、それを実行するための関連するセレクターが見つかりません。ここで私の髪を引き裂く!
事前にアドバイスをありがとう!
ナビゲーションのドロップダウンレベルのスタイルを設定しようとしていますが(たとえば、ドロップダウンの幅を大きくする)、変更する関連セレクターが見つかりません。サイトはhttp://www.mattmaclennan.co.uk/a2です。
例:[新しいオートバイ]ドロップダウンで、幅を広げてから、ロールオーバー要素を横に移動します
使用するコードは知っていますが、それを実行するための関連するセレクターが見つかりません。ここで私の髪を引き裂く!
事前にアドバイスをありがとう!
多分これは役に立ちますか?http://jsfiddle.net/Xtu9t/
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">New Motorcycles</a>
<ul>
<li><a href="#">Adventure</a></li>
<li><a href="#">125cc</a></li>
<li><a href="#">foofoo</a>
<ul>
<li><a href="#">subsub</a></li>
<li><a href="#">subsub2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Used motorcycles</a>
<ul>
<li><a href="#">Motor 1</a></li>
<li><a href="#">Motor 2</a></li>
</ul>
</li>
<li><a href="#">etc</a></li>
</ul>
その基本的なドロップダウンなので、自分でもう少しスタイリングする必要があります。しかし、ここにcssがあります
body {
font-family: Helvetica, sans-serif;
font-size: 14px;
line-height: 10px;
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: red;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: "";
clear: both;
display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: black;
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
display: block;
padding: 25px 20px;
color: #fff;
text-decoration: none;
}
nav ul ul {
background: red;
padding: 0;
position: absolute;
top: 100%;
}
nav ul ul li {
float: none;
position: relative;
}
nav ul ul li a {
padding: 15px 20px;
color: #fff;
}
nav ul ul li a:hover {
background: #000;
}
nav ul ul ul {
position: absolute;
left: 100%;
top:0;
}
ご覧のとおり、使用されているクラスやIDはありません。</ p>