需要关于移动CSS而不是jQuery的帮助

我无法控制移动网站的页面，但是我可以修改CSS。我的目标是隐藏一个元素，使其不会出现在我们的移动网站上。如果有办法告诉它使用最接近的<tr>我会没事的。 如果我可以使用jQuery我会做到这一点，但我不能：我需要关于移动CSS而不是jQuery的帮助

$('.ex').closest('tr').attr('style', 'display:none')

<table> 
.... 
<tr> 
    <td colspan="2"> 
    <font class="colors_productname"> 
     <span class="mapprice"></span> 
    </font> 
    </td> 
</tr> 
<tr> **/* I WANT TO DISPLAY:NONE HERE /*** 
    <td colspan="2"> 
     <span class="ex">Exclusive Price</span> 
     <font color="red">&nbsp;&nbsp;</font><br> 
     <select> 
     <option value="1636">[Subtract -$282.34]</option> 
     </select> 
    </td> 
</tr> 
... 
</table>

相信我是接近，但它不隐藏选择尚未：

option[value="1636"] {display:none} 

span.ex + font + select{display:none}

来源

2011-09-08 ToddN

你可以试试'TR：第n个孩子（2）'，但它没有得到普遍支持 - HTTP：//reference.sitepoint。 com/css/understandingnthchdexdexpressions – Blazemonger

谢谢，这是一个开始。我需要找到一种方法来使用它的类，因为这只是在一些页面上，我不想隐藏所有页面上的行，只有那些'class =“ex”' – ToddN

如果你不能使用任何JavaScript那么你仅限于你可以用CSS做什么，不幸的是它可能不适用于所有的浏览器。 – Jack

好吧，我想通出来。由于这是使用移动CSS它可能无法在所有旧手机上运行：

.ex {display: none} 
span.ex + font + br + select{display:none}

来源

2011-09-08 13:33:04 ToddN

需要关于移动CSS而不是jQuery的帮助

回答

相关问题