有沒有辦法限制CSS只適用於內容區域而不是整個頁面？

Question

有沒有辦法限制css只適用於內容區而不是整個頁面？

我有一個ASP.NET 4.0應用程序。我從其他人那裏得到了一些我不明白的東西（這是javascript和使用css）。根據他的指示，我將它放在頁面上以創建列表（UL）。所有這些都發生在內容佔位符內。但是，現在MasterPage上的一些UL也受到這種風格的影響。

Answer 1

內容佔位符是一個html元素 - 如果是這樣，您可以添加一個類或標識符並使​​用它來限制您的ul的css樣式僅限於「main」部分中的樣式。如果不是，您可能需要將您的內容包裹在額外的div中：

<div id="main"> 
<!-- content here including the ul --> 
</div> 

那麼CSS樣式是：

#main ul 
{ 
// styling here 
} 

Answer 2

正如克里斯說，你可以使用一個ID選擇。這是做到這一點的「正確方法」。

如果由於您的限制（運行不可思議的神祕代碼）而無法工作，您可能需要其他選項。

幸運的是，kludge也非常簡單：將應用程序放在iframe中，並將其從單獨的空白頁面託管。