需要關於移動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的幫助

回答

相關問題