Question

在网站上仅展示特定元素的最简单方法是什么？例如，在新闻网站上只有标题，没有其他内容。

我想通过CSS选择元素，所以只能显示那些元素我试图使用:not伪类：

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

但显然，.myClass - 元素的父母没有显示，所以不是它们。你知道有可能做到这一点吗？它不一定是CSS，Javascript也是可能的。
这样做的网络应用程序也很棒。

我希望能够过滤我访问的某些网站，因此我会将其应用为用户样式表。

Answer 1

您可以使用jQuery加载页面，轻松选择所需的元素......

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

以上内容会将所有<div class="headline">元素加载到文档正文中。

注意：您当然必须牢记same origin policy。

Answer 2

如果您只想显示新闻标题，则需要正确构建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 */

这将是解决此问题的唯一解决办法。

Answer 3

我无法弄清楚如何评论事情，所以作为对上一个答案的最后评论的回复，请查看：http://selectivizr.com/。它说它可以模拟IE的CSS3选择器，所以这可能会解决你在Exploder中的问题......

只显示网站的特定部分 - 通过CSS选择？

3 个答案: