css內的div標題

CSS新增功能我有一個div元素，其中有在其多個環節，現在我想將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>

來源

2011-07-09 Bruce

你有一個結束標記''但它不匹配任何東西？你確定你粘貼了所有的代碼嗎？ – tftd

1.什麼「似乎沒有工作」2.什麼是您的HTML輸出？ 3.你想要發生什麼？ –

的#menu div.The正確的方式裏面沒有你的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

來源

2011-07-09 04:59:33

我認爲你正在尋找的東西像

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

這將瞄準#menu元素內的所有<asp>標籤。您當前的樣式僅針對#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>

來源

2011-07-09 04:45:15 Ben

DV'd您原來的答案，因爲至少您添加了其他東西，但是：'asp'不是一個HTML標記 - 您的答案的第一部分是沒有意義的。這個問題也很糟糕，所以我很抱歉。 –

感謝您的信息和更正。希望不管標籤的有效性，OP都會學習一些關於CSS選擇器的幫助（也可以用於製作標籤）。 :) – Ben

不，你有錯誤的想法，這是一個ASP標記：請參閱：http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.hyperlink.aspx –

不完全知道你是問什麼，你提供的ASP.NET代碼，而是選擇通過CSS元素中的元素，你可以做這樣的：

#menu your_link { 
    /* Styles */ 
}

如果你能提供生成的HTML，那會很好。

來源

2011-07-09 04:46:39 Blender

css內的div標題

回答

相關問題