Question

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

所以我的问题是，如何为一个页面甚至一个元素禁用自动标记？具体来说，我在下面的HTML中使用CSS代码.jumpsection:focus + #section-nav-menu {visibility: visible;}：

<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>

换句话说，如果我点击输入“GO TO SECTION”，则部分导航菜单从visibility: hidden;更改为visibility: visible;，这在我转为自动之前有效重新标记。但正如您在HTML中看到的那样，Wordpress在输入元素之后添加了，这让我非常沮丧，打破了:focus的功能。

如果无法暂时禁用自动标记，则此特定问题的任何解决方法（让这个纯CSS单击下拉列表工作）也非常感谢!!

Answer 1

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

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

演示here

Here is some info about the ~ selector

Answer 2

你可能对这个插件感兴趣。

Don't Muck My Markup

以下是官方说明：

不要Muck My Markup允许您逐页禁用帖子和页面中的所有自动生成的HTML标记。

简而言之：

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

选项包括

关闭所有页面的所有自动标记（你不想要的要做的事）
关闭特定页面的所有自动标记编辑即可。（这是我理解你希望能够做到的）

仅为特定输入元素禁用Wordpress auto <p>标记

2 个答案: