禁用Wordpress自动 <p> 标签仅用于特定输入元素

Question

I know I can prevent Wordpress from adding <p> tags entirely. However, this is as I have to deal with an entire post archive which counts on these tags, and I am not going back in time to fix every post manually.

So my question is, how can I disable the auto <p> tag for one page or even one element only? Specifically, I am using the CSS code .jumpsection:focus + #section-nav-menu {visibility: visible;} for the HTML below:

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

In other words, if I click on the input "GO TO SECTION", the section-nav-menu changes from visibility: hidden; to visibility: visible; which worked before I turned the auto <p> tag back on. But as you can see in the HTML, Wordpress adds <p></p> after the input element, which to my big frustration breaks the functionality of :focus .

If temporarily disabling the auto tags is not possible, any workaround for this specific problem (getting this pure CSS on-click dropdown to work) is also very appreciated!!

Answer 1

You can use the ~ selector. Like this:

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

Demo here

Here is some info about the ~ selector

Answer 2

You may be interested in this little plugin .

Don't Muck My Markup

Here's the official description :

Don't Muck My Markup lets you disable all auto-generated HTML markup from your posts and pages on a page-by-page basis.

In a nutshell:

It adds a very simple box to the editor page that allows you to turn off the automatic mark up that the WordPress engine inserts.

The options include

• turning off all automatic mark up for all pages (which you don't want to do )
• turning off all automatic mark up for the specific page you're editing . (which is what I understand you want to be able to do)