0
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 を一番上に配置してはいけません。

これを可能にする方法は?

4

2 に答える 2

1

上記のコードでは、さまざまな要素にさまざまなスタイルを適用しています。クラスを結合できる唯一の方法は、すべてのスタイルをすべての要素に適用する場合です。組み合わせる必要がある場合は、別のクラスが必要です。

ただし、ほとんどの a:link,a:visited ルールを ul クラス定義に移動できます。

于 2011-02-02T18:57:07.513 に答える
0
    <ul id="one_ul">
<li>
    <asp:LinkButton ID="LinkButton1" runat="server" 
        onclick="LEFT_LINKBUTTON_CLICKED" CssClass="on_li">Products</asp:LinkButton>
        </li>

        <li>
    <asp:LinkButton ID="LinkButton2" runat="server" 
        onclick="LEFT_LINKBUTTON_CLICKED" CssClass="on_li">Upload a File</asp:LinkButton>
        </li>
</ul>

CSS

body {
}

#one_ul
{
list-style-type:none;
margin:0;
padding:0;

}

.on_li:link, .on_li:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}

.on_li:hover, .on_li:active
{
background-color:#7A991A;
}
于 2011-02-02T19:41:06.277 に答える