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

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

我使用后伪元素:

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

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

这怎么容易做到呢?

我还想补充一点:

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

当前回答

你需要添加一个css规则，删除后的内容(通过类)..

由于一些有效的评论的更新。

完全删除/禁用:after规则的更正确的方法是使用

p.no-after:after{content:none;}

正如Gillian Lo Wong回答的那样。

原来的答案

你需要添加一个css规则，删除后的内容(通过类)..

p.no-after:after{content:"";}

当你想用这条线把这个类加到p中

$('p').addClass('no-after'); // replace the p selector with what you need...

一个工作示例:http://www.jsfiddle.net/G2czw/

其他回答

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

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

你需要添加一个css规则，删除后的内容(通过类)..

由于一些有效的评论的更新。

完全删除/禁用:after规则的更正确的方法是使用

p.no-after:after{content:none;}

正如Gillian Lo Wong回答的那样。

原来的答案

你需要添加一个css规则，删除后的内容(通过类)..

p.no-after:after{content:"";}

当你想用这条线把这个类加到p中

$('p').addClass('no-after'); // replace the p selector with what you need...

一个工作示例:http://www.jsfiddle.net/G2czw/

{后*:: 内容:无!重要; ｝ *::{之前内容:无!重要; ｝

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

推荐文章