특정 ID 또는 클래스의 목록보기 만 변경하십시오.

Question

여러 페이지에서 여러 listviews가있는 jQuery 모바일 앱을 사용하고 있습니다.

CSS로 특정 목록보기를 조작하고 싶지만 다른 페이지에서는 다른 목록보기를 조작하고 싶지 않습니다. CSS를 조작 할 수

목록보기 :이 작동하지 않습니다

#asd .ui-listview { 
    font-size: 0em; 
} 

:

<div id="asd"> 
    <div class="ui-corner-all custom-corners"> 
     <div class="ui-bar ui-bar-a"> 
      <h3>Test:</h3> 
     </div> 
     <div class="ui-body ui-body-a"> 
      <div id="result" class="ui-body ui-body-a ui-corner-all"> 
       <h3>Test</h3> 
       <ul data-role="listview"> 
        <li><a href="acura.html">Acura</a></li> 
        <li><a href="audi.html">Audi</a></li> 
        <li><a href="bmw.html">BMW</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div> 

CSS리스트 뷰를 조작합니다. 내가 #asd을 제거하면, 모두의 ListView이 변경,하지만 난 단지 목록보기를 #asd

Answer 1

사용

#asd { 
    font-size: 0em; 
} 

대신

#asd .ui-listview { 
    font-size: 0em; 
} 

두 번째 방법을 사용하는 경우

을 변경하려면, 그것은 필요 ui-listview 클래스도 코드에서 사용되지 않습니다.

Answer 2

HTML의 클래스 .ui-listview 요소가 표시되지 않습니다. .ui-listview를 제거하면 관계없이 작동합니다.