title: Need help with Mobile CSS instead of jQuery
body: <p>There is no way for me to control the pages of our mobile site, however I can modify the CSS.  My goals is to hide an element so it doesn't appear on our mobile site. If there is a way to tell it to use the closest <code>&lt;tr&gt;</code> I would be fine.  <strong>If I could use jQuery I would do this but I cannot</strong>: </p>
  
  <p><code>$('.ex').closest('tr').attr('style', 'display:none')</code></p>
  
  <pre><code>&lt;table&gt;
  ....
  &lt;tr&gt;
    &lt;td colspan="2"&gt;
      &lt;font class="colors_productname"&gt;
        &lt;span class="mapprice"&gt;&lt;/span&gt;
      &lt;/font&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt; **/* I WANT TO DISPLAY:NONE HERE /***
    &lt;td colspan="2"&gt;
        &lt;span class="ex"&gt;Exclusive Price&lt;/span&gt;
        &lt;font color="red"&gt;&amp;nbsp;&amp;nbsp;&lt;/font&gt;&lt;br&gt;
        &lt;select&gt;
          &lt;option value="1636"&gt;[Subtract -$282.34]&lt;/option&gt;
        &lt;/select&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  ...
  &lt;/table&gt;
  </code></pre>
  
  <p>I believe I am close but it doesnt hide the select yet:</p>
  
  <pre><code>option[value="1636"] {display:none}
  
  span.ex + font + select{display:none}
  </code></pre>