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

2020/10/11 01:01 · javascript ·  · 0评论

我想使用一个开关在网页上放置段落标签。

我使用after伪元素:

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

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

如何轻松做到这一点?

我要补充一点:

  • jQuery已在页面上使用

  • 而且我不想包含或删除包含CSS的文件。

p:after {
   content: none;
}

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

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

您需要添加一个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/

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

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

p::after {
   content: none;
}

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

MDN网络文档上的伪元素

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

这取决于伪选择器实际添加的内容。在您的情况下,将内容设置为""会摆脱它,但是如果您设置边框或背景或其他内容,则需要将它们专门清零。据我所知,没有任何一种万能药可以清除之前/之后元素的所有内容,无论它是什么。

有一个同样的问题,几分钟前,只是content:none;没有做工作,但增加content:none !important;,并display:none !important;为我工作

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

这是一种删除的方法:after,您可以对:before

本文地址:http://javascript.askforanswer.com/cssruheshanchuweiyuansuzaizhihouzhiqian.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!