◆ドロップダウンリスト
クラス名
:hover でオンマウスを指定
/メインメニュー/
ul.globalnav a{
color: white; /メインメニューのデフォルトの色/
font-size: 0.8em;
padding-top: 20px;
}
.globalnav li:hover > a{
color: red; /メインメニューをオンマウスした時に変わる色/
}
/サブメニュー/
/サブメニューのスタイル/
ul.globalnav ul{
list-style-type: none;
background-color: blue; /ドロップダウンしたときの背景の色/
display: none; /非表示/
margin:0px;
padding:10px;
position: absolute;
z-index: 30;
}
/サブメニューに出てくる文字の色/
li.submenu a {
color: white;
}
/オンマウスした時に出るサブメニュー(リスト)/
ul.globalnav li:hover ul{
display: block;
z-index: 30;
}
/サブメニューのメニューにオンマウスした時の色/
.submenu li:hover > a{
color: yellow;
}