blocks|key|308210|text|p:after+{
+++content:+none;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|308211|none是用于将内容(如果指定)设置为空的官方值。|unstyled|308212|http://www.w3schools.com/cssref/pr_gen_content.asp|offset|length|308213|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|1E|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|T|8|@]|9|@$I|U|J|V|1|W]]|A|$]]|$1|K|3|-4|5|F|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|H]]]]

<pre><code>p:after {
 content: none;
}
</code></pre>

none is the official value to set the content, if specified, to nothing.

<a href="http://www.w3schools.com/cssref/pr_gen_content.asp" rel="noreferrer">http://www.w3schools.com/cssref/pr_gen_content.asp</a>

blocks|key|305277|text|$('p:after').css('display','none');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|305278|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('p:after').css('display','none');
</code></pre>

blocks|key|305293|text|作为mentioned+in+Gillian's+answer，将none分配给content可以解决这个问题：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|305294|p::after+{
+++content:+none;
}|code-block|syntax|javascript|305295|请注意，在CSS3中，W3C建议对::before或::after等伪元素使用两个冒号(::)。|305296|从MDN+web+doc+on+Pseudo-elements|305297|这区分了伪类和伪元素。请注意，::selection必须始终以双冒号(::)开头。|305298|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/18736074/1218980|1|https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements#Syntax^0|X|4|14|7|2|T|0|0|0|H|8|Q|7|18|2|0|1|U|1|0|F|B|Z|2|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1G|8|@]|D|@$9|1H|A|1I|1|1J]]|E|$]]|$1|O|3|P|5|6|7|1K|8|@$9|1L|A|1M|B|C]|$9|1N|A|1O|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]]]

As <a href="https://stackoverflow.com/a/18736074/1218980">mentioned in Gillian's answer</a>, assigning <code>none</code> to <code>content</code> solves the problem:
<pre><code>p::after {
 content: none;
}
</code></pre>
Note that in CSS3, W3C recommended to use two colons (<code>::</code>) for pseudo-elements like <code>::before</code> or <code>::after</code>.
From the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements#Syntax" rel="nofollow noreferrer">MDN web doc on Pseudo-elements</a>:
<blockquote>
Note: As a rule, double colons (<code>::</code>) should be used instead of a single
colon (<code>:</code>). This distinguishes pseudo-classes from pseudo-elements.
However, since this distinction was not present in older versions of
the W3C spec, most browsers support both syntaxes for the sake of
compatibility. Note that <code>::selection</code> must always start with double
colons (<code>::</code>).
</blockquote>

blocks|key|3253308|text|这取决于伪选择器实际添加了什么。在您的情况下，将内容设置为""会将其删除，但如果您正在设置边框或背景或其他任何内容，则需要明确地将这些设置为零。据我所知，没有万能的方法可以删除之前/之后元素的所有内容，无论它是什么。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3253309|entityMap^0|T|2|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

This depends on what's actually being added by the pseudoselectors. In your situation, setting content to <code>""</code> will get rid of it, but if you're setting borders or backgrounds or whatever, you need to zero those out specifically. As far as I know, there's no one cure-all for removing everything about a before/after element regardless of what it is.

blocks|key|3039444|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3039445|*::after+{
+++content:+none+!important;
}
*::before+{
+++content:+none+!important;
}|code-block|syntax|javascript|3039446|3039447|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>*::after {
 content: none !important;
}
*::before {
 content: none !important;
}</code></pre>
</div>
</div>

blocks|key|3039441|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3039442|entityMap^0|0^^$0|@$1|2|3|-4|4|5|6|C|7|@]|8|@]|9|$]]|$1|A|3|-4|4|5|6|D|7|@]|8|@]|9|$]]]|B|$]]

had a same problem few minutes ago and just <code>content:none;</code> did not do work but adding <code>content:none !important;</code> and <code>display:none !important;</code> worked for me

blocks|key|308256|text|p:after+{
++content:+none;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|308257|这是一种删除:after的方法，您也可以对:before执行相同的操作|unstyled|offset|length|style|CODE|308258|entityMap^0|0|6|6|L|7|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]|$G|Q|H|R|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|S|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>p:after {
 content: none;
}
</code></pre>

This is a way to remove the <code>:after</code> and you can do the same for <code>:before</code>

I would like to use a switch for the layout of paragraph tags on a webpage.

I use the after pseudoelement:

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

Now I need to remove this CSS code from the page.

How can this be done easily?

I want to add that:

<ul>
<li>jQuery is already used on the page</li>
<li>and I do not want to include or remove files containing CSS.</li>
</ul>

CSS: How to remove pseudo elements (after, before,...)?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我想使用一个开关的布局段落标签在网页上。我使用了后面的伪元素：p:after {content: url("../img/paragraph.gif");}现在，我需要从页面中删除此CSS代码。如何才能轻松做到这一点呢？我想补充一下：jQuery已在页面上使用，我不想包含或删除包含CSS的文件。

问CSS:如何删除伪元素(after，before，...)？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS:如何删除伪元素(after，before，...)？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS:如何删除伪元素(after，before，...)？
EN