2011-09-08 2 views
0

모바일 사이트의 페이지를 제어 할 방법이 없지만 CSS를 수정할 수는 있습니다. 내 목표는 모바일 사이트에 표시되지 않도록 요소를 숨기는 것입니다. 가장 가까운 것을 사용하는 방법이 있다면 <tr> 나는 괜찮을 것이다. 내가 jQuery를 사용할 수 경우에 나는이 작업을 수행하지만 것입니다 내가 수 없습니다 :jQuery 대신 모바일 CSS 도움이 필요합니다

$('.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} 
+0

당신은'시도 그럴 수 : n 번째 자녀 (2)'있지만 보편적으로 지원되지 않는 - HTTP : //reference.sitepoint. com/css/understandingnthchildexpressions – Blazemonger

+0

감사합니다. 클래스를 사용하는 방법을 찾아야합니다. 일부 페이지에만 있기 때문에 모든 페이지의 행을 숨기고 싶지 않습니다.'class = "ex"' – ToddN

+0

인 경우에만 자바 스크립트를 사용할 수 없다면 그러면 CSS로 할 수있는 것에 국한되며 모든 브라우저에서 작동하지 않을 수 있습니다. – Jack

답변

0

확인 그것. 이 모바일 CSS를 사용하기 때문에 그것은 이전의 모든 휴대 전화에서 작동하지 않을 수 있습니다

.ex {display: none} 
span.ex + font + br + select{display:none} 
관련 문제