如何删除自动附加到_Content()之后的::After css选择器?

时间:2019-03-13 作者:bogdan

我有一个CPT,它在前端的\\u content()后面显示元值,而这个::after选择器干扰了我的布局。选择器始终显示在\\u content()中最后一个元素的后面。

1 个回复
最合适的回答,由SO网友:Jacob Peattie 整理而成

这与the_content().

::after 是添加了CSS的伪元素。请注意::after dev工具中的元素仅用于帮助开发。它在HTML源中不存在。

因此,主题的CSS必须将其添加到正在包装的任何元素中the_content() 在模板中。您可以通过设置content: none; 在它的选择器上。例如,如果包装内容的元素是<div class="entry-content"> 那么要删除它的CSS可能是:

.entry-content::after {
    content: none;
}
的规则specificity 但仍然适用,因此无论您使用什么选择器来删除它,都需要比添加它的选择器更具体。

还要记住,你的主题可能会这样做是有原因的。像这样的元素通常用于清除浮动,并防止与浮动对齐的内容(如图像)在父元素之外中断。

相关推荐

如果使用块,则有条件地在前端加载CSS/Java脚本

假设我的主题中没有无限滚动或任何其他内容:是否有办法将我的自定义古腾堡块样式和脚本排队,以便它们仅在真正使用块时(延迟)加载到前端?类似于is_active_widget, 就为了街区?如果我把他们排在enqueue_block_assets 功能它们被添加到任何站点。在github上,我找到了这个https://github.com/WordPress/gutenberg/issues/5445 , 但这听起来更像是捆绑而非条件加载,所以我仍然希望他们不要错过这个优化机会——否则任何其他网站都会很快被2