css:如何删除伪元素(之后,之前,...)

Question

我想在网页上使用开关来设置段落标签的布局.

我使用了后伪元素

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

现在我需要从页面中删除此css代码.如何轻松完成(页面上已经使用了jquery)？(我不想包含或删除包含css的文件)

Answer 1

p:after {
   content: none;
}

none是将内容设置为空的官方值(如果指定).

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

Answer 2

您需要添加一个css规则来删除after内容(通过类).

一个更新由于一些有效的意见.

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

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

正如Gillian Lo Wong回答的那样.

原始答案

您需要添加一个css规则来删除after内容(通过类).

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

并p在您想要使用此行时将该类添加到您的课程中

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

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

Answer 3

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

Answer 4

由于在阿娇的答复中提到,分配none给content解决了这个问题:

p::after {
   content: none;
}

请注意,在CSS3,W3C推荐使用两个冒号(::)用于伪元素像之前或之后.

来自MDN web doc上的伪元素

注意:通常,::应使用双冒号()而不是单个冒号(:).这将伪类与伪元素区分开来.但是,由于W3C规范的旧版本中不存在这种区别,因此为了兼容性,大多数浏览器都支持这两种语法.请注意,::selection必须始终以双冒号(::)开头.

Answer 5

*::after {
   content: none !important;
}
*::before {
   content: none !important;
}

Answer 6

这取决于假选择者实际添加的内容.在你的情况下,设置内容""将摆脱它,但如果你正在设置边框或背景或其他什么,你需要专门将其归零.据我所知,无论是什么原因,都无法解决前后元素的所有问题.