CSS:如何删除伪元素(之后，之前，…)?

我想使用一个开关在网页上的段落标签的布局。

我使用后伪元素:

p:after {content: url("../img/paragraph.gif");}

现在我需要从页面中删除此CSS代码。

这怎么容易做到呢?

我还想补充一点:

页面上已经使用了jQuery 和我不想包括或删除文件包含CSS。

当前回答

p:after {
   content: none;
}

None是将内容(如果指定的话)设置为空的正式值。

http://www.w3schools.com/cssref/pr_gen_content.asp

其他回答

正如Gillian的回答中提到的，为内容分配none可以解决问题:

p::after {
   content: none;
}

请注意，在CSS3中，W3C建议对伪元素使用两个冒号(::)，例如::before或::after。

来自MDN网络文档伪元素:

注意:作为规则，应该使用双冒号(::)而不是单冒号冒号(:)。这区分了伪类和伪元素。然而，由于这种区别不存在于旧版本的 W3C规范，大多数浏览器都支持这两种语法兼容性。注意::selection必须总是以double开头冒号(::)。

几分钟前遇到了同样的问题，但内容是:没有;没有做工作，但添加内容:没有!重要;和显示:none !重要;为我工作

$('p:after').css('display','none');

p:after {
   content: none;
}

None是将内容(如果指定的话)设置为空的正式值。

http://www.w3schools.com/cssref/pr_gen_content.asp

这取决于伪选择器实际添加了什么。在你的情况下，将content设置为""将会去掉它，但如果你在设置边界或背景或其他什么，你需要明确地将这些归零。据我所知，没有一种包治百病的方法可以删除关于前后元素的所有内容，不管它是什么。

推荐文章