title: Styling a particular HTML code with CSS
body: <p>I need to apply a css style that only catches this piece of code:   </p>
  
  <pre><code>&lt;div id="box-article-r"&gt;
   &lt;h2&gt;
    &lt;a id="metodo-pago" href="#"&gt;Payment Methods...
  </code></pre>
  
  <p>On the same page I have for instance a lot of h2, some other code with the ids "metodo-pago" and "box-article-r" also some "a" tags and some combination of them but none of them it is at the same time inside "#box-article-r" and "h2" and "a" and "#metodo-pago". I have tried this and a few similar combinations but nothings has worked so far for me:</p>
  
  <pre><code>#box-article-r h2 a #metodo-pago{
    display: none;
  }
  </code></pre>
  
  <p>I can not modify the HTML, just the CSS.
  I am not an expert in CSS so this is to complex for my CSS knowledge. Can any one please help me?
  Regards</p>