div内のCSS見出し

Question

cssを新規作成しました。私はdiv要素を持っている、複数のリンクがそれであるその中で、今、私は以下のようなdivの内側のすべての要素にCSSを適用したい：

#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

どれもこのようなことないだろう：

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>タグを対象とします

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

のようなものを探していると思います。あなたの現在のスタイルは、子要素ではなく、#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を提供できればいいと思います。 #menu div.The正しい方法の中にあなたのCSSスタイル何の