如何将以下cs更改为一个CSS类 来源
原因如何将以下cs更改为一个CSS类 来源,css,linkbutton,Css,Linkbutton,原因 我想把上面的样式应用到一个链接按钮上,如果浏览器希望更改id(这是一种要求,所以不能在链接按钮上保持“id”的选择) 因此,我可以将上面的内容转换为css类,然后将其分配给链接按钮,从而保持所访问的悬停活动样式的完整性吗 真正原因 左侧的ul li链接按钮(导航栏结构)必须根据css样式进行更改 不得将ul li链接按钮置于顶部 如何做到这一点?在上面的代码中,您将不同的样式应用于不同的元素。组合类的唯一方法是将所有样式应用于所有元素。如果需要混合和匹配,则必须有单独的类 尽管
- 我想把上面的样式应用到一个链接按钮上,如果浏览器希望更改id(这是一种要求,所以不能在链接按钮上保持“id”的选择)
- 因此,我可以将上面的内容转换为css类,然后将其分配给链接按钮,从而保持所访问的悬停活动样式的完整性吗
- 左侧的ul li链接按钮(导航栏结构)必须根据css样式进行更改
- 不得将ul li链接按钮置于顶部
如何做到这一点?在上面的代码中,您将不同的样式应用于不同的元素。组合类的唯一方法是将所有样式应用于所有元素。如果需要混合和匹配,则必须有单独的类
尽管如此,您可以将大部分a:link、a:visted规则移动到ul类定义中。什么是链接按钮?链接通常是
标记,而按钮通常是
或
元素。
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;
}
<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>
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;
}