CSS：如何删除伪元素（在……之后，……）？

JavaScript CSS

十三西门

2020-03-30

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

我使用after伪元素：

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

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

如何轻松做到这一点？

我要补充一点：

  • jQuery已在页面上使用

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

第3876篇《CSS：如何删除伪元素（在……之后，……）？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答
神奇小小 2020.03.30 
p:after {
   content: none;
}

none是将内容（如果指定）设置为空的官方值。

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

凯西里 2020.03.30

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

p::after {
   content: none;
}

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

来自有关伪元素的MDN网络文档

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

凯西里 2020.03.30

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android