title: How to use CSS to select an element only if a specific element comes after the one you want to select?
body: <p>Using CSS and the following example, is there a way to select only <code>&lt;p&gt;</code>'s that are followed by <code>&lt;ul&gt;</code>'s?</p>
  
  <p>If not, what is the jQuery selector, or would it require an <code>if</code> statement?</p>
  
  <pre><code>&lt;p&gt;Hello there.&lt;/p&gt;
  
  &lt;p&gt;Select this para!&lt;/p&gt;
  &lt;ul&gt;
      &lt;li&gt;list item&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ul&gt;
      &lt;li&gt;don't select this list! :)&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;p&gt;And don't select this paragraph! :)&lt;/p&gt;
  </code></pre>