Question

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

#menu {
    top: 150px;
    left: 650px;
    position: absolute;
    color: #151B54;
    font: 10pt;
    font-family: Arial;
}

然而，这似乎不起作用。

这是div：

    <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>

Answer 1

#menu div中没有任何CSS样式。正确的方法是这样的：

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;
}

有关所提及的伪类的更多信息，请访问：http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes

Answer 2

我认为你正在寻找像

这样的东西

#menu asp {
  ...styles...
}

这会定位<asp>元素中的所有#menu标记。您当前的样式仅针对#menu元素，而不是任何子元素。

（虽然<asp>标签无效，但您可以替换任何类型的元素，但该概念仍然适用。）

此外，您的代码中存在流氓<span>元素，以及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>

Answer 3

不完全确定你所提出的问题，因为你提供了ASP.NET代码，但是要通过CSS选择元素内部的元素，你可以这样做：

#menu your_link {
  /* Styles */
}

如果你能提供生成的HTML，那就太好了。

div内的css标题

3 个答案: