ul
{
list-style-type:none;
margin:0;
padding:0;
}
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}
ソース
http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_vertical_advanced
理由
上記のスタイルをリンクボタンに適用したいのですが、ブラウザの希望によるIDの変更でした(これは一種の要件であるため、リンクボタンの「ID」を選択し続けることはできません
- 上記をcssクラスに変換してリンクボタンに割り当て、訪問したホバーアクティブスタイルをそのまま維持できますか?
本当の理由
- 左側の ul-li-linkbutton (ナビゲーション バー構造) は、css スタイルに従って変更する必要があります。
- ul-li-linkbutton を一番上に配置してはいけません。
これを可能にする方法は?