title: How can I specifically target this element id with CSS?
body: <pre><code>&lt;div id=checkout&gt;
  &lt;form id="confirmation" class="center"&gt;
  &lt;p&gt;content&lt;/p&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have a CSS selector <code>#checkout form.center</code> already being used</p>
  
  <p>i would like to override this specifically for the confirmation form, but none of the things I try to write get applied. I should think that <code>#confirmation form.center</code> or something should supercede the first rule, but it doesn't even seem to hit the target. <code>#confirmation</code> gets overridden by the above mentioned selector because it's not as specific. </p>