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

时间:2010-06-10 08:16:07

标签: javascript html css pseudo-element

我想在网页上使用开关来设置段落标记。

我使用after pseudoelement

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

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

8 个答案:

答案 0 :(得分:368)

p:after {
   content: none;
}

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

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

答案 1 :(得分:25)

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


由于某些有效评论而导致更新

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

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

Gillian Lo Wong answered


原始回答

您需要添加一个删除后内容的css规则(通过类)。 <击>

<击>
p.no-after:after{content:"";}

<击> 如果您想使用此行

,请将该课程添加到p
$('p').addClass('no-after'); // replace the p selector with what you need...

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

答案 2 :(得分:17)

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

答案 3 :(得分:8)

作为mentioned in Gillian's answer,将none分配给content可以解决问题:

p::after {
   content: none;
}

请注意,在 CSS3 中, W3C 建议对伪元素使用两个冒号(::),例如之后

来自MDN web doc on pseudo-elements

  

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

答案 4 :(得分:5)

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

答案 5 :(得分:0)

几分钟前遇到了同样的问题,只是content:none;无效,但是添加content:none !important;display:none !important;对我来说有效

答案 6 :(得分:0)

[('Boston', 'MA', 20489, 19715, 23610, 9.9, 401.0, 15.6, 4499.63),
 ('Trenton', 'NJ', 26835, 26573, 25113, 9.9, 345.0, 23.0, 552.13)]

答案 7 :(得分:-3)

p:after {
  content: none;
}

这是一种删除:after的方法,您可以对:before执行相同的操作