Asp.net div中的css标题

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

新的css。我有一个div元素,其中有多个链接,现在我喜欢将css应用于div中的所有元素,如下所示:

#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>
    &nbsp;&nbsp;<asp:HyperLink ID="HyperLink14" runat="server" NavigateUrl="~/About/About.aspx" 
    Target="_blank">  About  </asp:HyperLink>
&nbsp;
<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标记:请参见此处: