Asp.net div中的css标题
新的css。我有一个div元素,其中有多个链接,现在我喜欢将css应用于div中的所有元素,如下所示:Asp.net div中的css标题,asp.net,html,css,Asp.net,Html,Css,新的css。我有一个div元素,其中有多个链接,现在我喜欢将css应用于div中的所有元素,如下所示: #menu { top: 150px; left: 650px; position: absolute; color: #151B54; font: 10pt; font-family: Arial; } 然而,这似乎不起作用 这是分区: <div id="menu"> <asp:HyperLink I
#menu {
top: 150px;
left: 650px;
position: absolute;
color: #151B54;
font: 10pt;
font-family: Arial;
}
然而,这似乎不起作用
这是分区:
<div id="menu">
<asp:HyperLink ID="lnk_Home" runat="server"
NavigateUrl="~/Default.aspx"> Home </asp:HyperLink>
</span>
<asp:HyperLink ID="HyperLink14" runat="server" NavigateUrl="~/About/About.aspx"
Target="_blank"> About </asp:HyperLink>
<asp:HyperLink ID="HyperLink16" runat="server"
NavigateUrl="~/About/ContactUs.aspx" Target="_blank"> Contact Us </asp:HyperLink>
<asp:HyperLink ID="HyperLink17" runat="server"
NavigateUrl="~/About/FAQ.aspx" Target="_blank"> FAQ </asp:HyperLink>
</div>
家
关于
联系我们
常见问题
我想您正在寻找类似
#menu asp {
...styles...
}
这将针对#菜单
元素内的所有
标记。当前样式仅针对#菜单
元素,而不是其任何子元素
(尽管
标记无效,但您可以替换任何类型的元素,并且该概念仍然适用。)
另外,在你的代码中有一个恶意的
元素,还有很多
CSS可以在其中完成这项工作。它应该是这样的:
<div id="menu">
<asp:HyperLink ID="lnk_Home" runat="server" NavigateUrl="~/Default.aspx">
Home</asp:HyperLink>
<asp:HyperLink ID="HyperLink14" runat="server" NavigateUrl="~/About/About.aspx" Target="_blank">
About</asp:HyperLink>
<asp:HyperLink ID="HyperLink16" runat="server" NavigateUrl="~/About/ContactUs.aspx" Target="_blank">
Contact Us</asp:HyperLink>
<asp:HyperLink ID="HyperLink17" runat="server" NavigateUrl="~/About/FAQ.aspx" Target="_blank">
FAQ</asp:HyperLink>
</div>
#menu your_link {
/* Styles */
}
div#menu {
position: absolute;
top: 150px;
left: 650px;
}
/* "<asp>" isn't a valid HTML element, but I assume that
* <asp:Hyperlink> actually generates an HTML anchor */
/* Links also have pseudo-elements that represent their
* valid statuses.*/
div#menu a,
div#menu a:visited,
div#menu a:hover,
div#menu a:active,
div#menu a:focus {
color: #151B54;
font: 10pt;
font-family: Arial;
}
家
关于
联系我们
常见问题
由于您提供了ASP.NET代码,因此无法确切确定您的要求,但要通过CSS选择元素内部的元素,您可以这样做:
<div id="menu">
<asp:HyperLink ID="lnk_Home" runat="server" NavigateUrl="~/Default.aspx">
Home</asp:HyperLink>
<asp:HyperLink ID="HyperLink14" runat="server" NavigateUrl="~/About/About.aspx" Target="_blank">
About</asp:HyperLink>
<asp:HyperLink ID="HyperLink16" runat="server" NavigateUrl="~/About/ContactUs.aspx" Target="_blank">
Contact Us</asp:HyperLink>
<asp:HyperLink ID="HyperLink17" runat="server" NavigateUrl="~/About/FAQ.aspx" Target="_blank">
FAQ</asp:HyperLink>
</div>
#menu your_link {
/* Styles */
}
div#menu {
position: absolute;
top: 150px;
left: 650px;
}
/* "<asp>" isn't a valid HTML element, but I assume that
* <asp:Hyperlink> actually generates an HTML anchor */
/* Links also have pseudo-elements that represent their
* valid statuses.*/
div#menu a,
div#menu a:visited,
div#menu a:hover,
div#menu a:active,
div#menu a:focus {
color: #151B54;
font: 10pt;
font-family: Arial;
}
如果您可以提供生成的HTML,那就太好了。在#menu div中没有任何CSS样式。正确的方法如下:
<div id="menu">
<asp:HyperLink ID="lnk_Home" runat="server" NavigateUrl="~/Default.aspx">
Home</asp:HyperLink>
<asp:HyperLink ID="HyperLink14" runat="server" NavigateUrl="~/About/About.aspx" Target="_blank">
About</asp:HyperLink>
<asp:HyperLink ID="HyperLink16" runat="server" NavigateUrl="~/About/ContactUs.aspx" Target="_blank">
Contact Us</asp:HyperLink>
<asp:HyperLink ID="HyperLink17" runat="server" NavigateUrl="~/About/FAQ.aspx" Target="_blank">
FAQ</asp:HyperLink>
</div>
#menu your_link {
/* Styles */
}
div#menu {
position: absolute;
top: 150px;
left: 650px;
}
/* "<asp>" isn't a valid HTML element, but I assume that
* <asp:Hyperlink> actually generates an HTML anchor */
/* Links also have pseudo-elements that represent their
* valid statuses.*/
div#menu a,
div#menu a:visited,
div#menu a:hover,
div#menu a:active,
div#menu a:focus {
color: #151B54;
font: 10pt;
font-family: Arial;
}
div#菜单{
位置:绝对位置;
顶部:150px;
左:650px;
}
/*“您有一个结束标记
,但它与任何内容都不匹配?您确定要粘贴所有代码吗?1.什么”似乎不起作用" 2. 你的HTML输出是什么?3.您希望发生什么?DV’d您的原始答案,删除,因为至少您添加了其他内容,但是:asp
不是HTML标记-答案的第一部分毫无意义。这个问题也很糟糕,所以我道歉。谢谢你的信息和更正。希望无论标记的有效性如何,OP都能了解一些关于CSS选择器的有用信息(这也适用于组合标记)。:)不,您想错了,这是一个asp标记:请参见此处: