仅针对特定输入元素禁用 Wordpress 自动 标记答案

【问题标题】：Disable Wordpress auto tag for specific input element only仅针对特定输入元素禁用 Wordpress 自动 标记
【发布时间】：2016-12-28 22:48:41
【问题描述】：

我知道我可以阻止 Wordpress 完全添加  标签。但是，这不是一个选项，因为我必须处理依赖这些标签的整个帖子存档，而且我不会及时返回手动修复每个帖子。

所以我的问题是，我怎样才能禁用自动 一个页面甚至一个元素的标签？具体来说，我将 CSS 代码 .jumpsection:focus + #section-nav-menu {visibility: visible;} 用于以下 HTML：

<div id="section-nav">
  <input type="text" value="GO TO SECTION" class="jumpsection"><p></p><!-- Grrr...Wordpress :( -->
  <div id="section-nav-menu">
    <ul class="contain">
      <li class="section-nav-item"><a href="#s1">SECTION 1</a></li>
      <li class="section-nav-item"><a href="#s2">SECTION 2</a></li>
      <li class="section-nav-item"><a href="#s3">SECTION 3</a></li>
      <li class="section-nav-item"><a href="#s4">SECTION 4</a></li>
    </ul>
  </div>
</div>

换句话说，如果我点击输入“转到部分”，部分导航菜单从visibility: hidden; 变为visibility: visible;，这在我重新打开自动 标签之前起作用。但是正如您在 HTML 中看到的那样，Wordpress 在输入元素之后添加了，令我非常沮丧的是，这破坏了:focus 的功能。

如果暂时禁用自动标签是不可能的，任何解决这个特定问题的方法（让这个纯 CSS 点击下拉菜单工作）也非常感谢！

【问题讨论】：

本题与P编程语言无关，请勿使用p标签。

标签： css wordpress input focus

【解决方案1】：

您可以使用~ 选择器。像这样：

.jumpsection:focus ~ #section-nav-menu {
  visibility: visible;
}

演示here

Here is some info about the ~ selector

【讨论】：

这非常适合我的具体情况！优雅而简单:)我对此表示赞同，但我会保留最佳答案以匹配最初的问题。谢谢！！
酷，很高兴它有帮助。我认为您将需要 javascript 来实际防止将 p 标签插入这样的特定位置。所以可能值得为您的问题添加额外的标签
不确定是否需要 javascript。也许可以操纵 \wp-includes\formatting.php 中的 wpautop 函数来避免某个类的元素？感谢您提供有关 ~ 选择器的链接！
哦，对不起，这是一个很好的观点。我忘了你在wordpress！你看到这个了吗？ stackoverflow.com/a/26571012/5561605

【解决方案2】：

您可能对这个小插件感兴趣。

Don't Muck My Markup

这是官方说明：

Don't Muck My Markup 可让您逐页禁用帖子和页面中所有自动生成的 HTML 标记。

简而言之：

它添加一个非常简单的框到编辑器页面，允许您关闭自动标记 WordPress 引擎插入的。

选项包括

关闭所有页面的所有自动标记 （你不想要的做）
关闭您所在的特定页面的所有自动标记编辑。（据我了解，您希望能够做到这一点）

【讨论】：

@我爱 CSS：谢谢你的建议！虽然我的具体问题是通过更改 CSS 来解决的，但这可能对未来有用。希望我不需要它，因为我喜欢将插件的数量保持在最低限度:)