只顯示網站的特定部分 - 通過CSS選擇？

什麼是最簡單的方法來顯示網站上的特定元素？例如，在新聞網站上只有標題和其他內容。只顯示網站的特定部分 - 通過CSS選擇？

我想通過CSS選擇元素，所以只有那些應該顯示。
我試圖用:not僞類：

:not(.myClass) { display: none; }

但很明顯，不顯示.myClass -elements的父母等等都是不是他們。你知道有什麼可能做到這一點嗎？它不一定是僅限CSS，JavaScript也是可能的。
這樣做的web應用程序也很棒。

我希望能夠過濾一些我訪問的網站，所以我會將其作爲用戶樣式表應用。

來源

2010-11-15 Tom

如果我是你，我不會依賴於沒有IE支持的CSS3選擇器：P – annakata 2010-11-15 15:32:49

您可以jQuery加載頁面，輕鬆地選擇所需的元素...

$("body").load("path/to/page.html div.headline");

以上將加載所有<div class="headline">元素到文檔的主體中。

注意：您當然必須記住same origin policy。

來源

2010-11-15 16:59:24

如果您只想顯示新聞標題，則需要正確構建HTML。如果你有一個容器div來做到這將是一個次要類適用於它，並顯示/隱藏元素的最簡單的方法低谷類：

<div class="container news_page"> 
<h1>Title</h1> 
<p>Random text I want to hide.<p> 
<div class="random_container">Another random element i want to hide.</div> 
</div> 

.container {border:1px solid red;} /* .container has normal styling */ 
.news_page p, .news_page .random_container {display:none;} /* .news_page is used only to select elements inside container on news page */

這將是CSS唯一的解決了這一點。

來源

2010-11-15 15:27:17 easwee

'：not' **是一個CSS選擇器 - http://reference.sitepoint.com/css/pseudoclass-not – 2010-11-15 15:28:53

是的 - 我的壞 - 我想我用jQuery做了很多事情。糾正。但請注意：由於它是CSS3，因此不會在IE中運行。 – easwee 2010-11-15 15:30:51

我不知道如何評論事情，所以作爲對最後一個答案的最後評論的迴應，請查看：http://selectivizr.com/。它說它可以模擬IE瀏覽器CSS3選擇器，所以也許這將修復與爆你的問題......

來源

2010-11-15 16:58:49 Blender

只顯示網站的特定部分 - 通過CSS選擇？

回答

相關問題