JQuery를 사용하여 하위 CSS 클래스에서 전환을 제거하십시오.

Question

새 소개대로 나랑 벗겨주세요. :)

나는 하위 클래스가있는 ID가 있습니다. 나는 ID가 전환되기를 원하지만 클래스는 전환하지 않기를 바란다. 클래스가 이드 내에 있기 때문에 전환 중입니다. CSS jquery 문서를 살펴 보았습니다. 두 요소를 전환하는 방법을 알아 냈지만 부모를 혼자 전환 할 수는 없습니다.

이

하면 좋을 것 올바른 방향으로 날 지점 수 있다면 어떤 조언이 크게 절상 jQuery를 받고에서 내 시도가

<script> 
     $(document).ready(function() { 
     var timeToDisplay = 4000; 
     var outside = $('#outside'); 
     var urls = [ 
      'images/image1.jpg', 
      'images/image2.jpg', 
      'images/image3.jpg' 
      ]; 

     var index = 0; 
     var transition = function() { 
      var url = urls[index]; 

      outside.css('background-image', 'url("images/light-bl.svg"), url("images/light-br.svg"), url(' + url + ')'); 

      index = index + 1; 
      if (index > urls.length - 1) { 
       index = 0; 
      } 
     }; 

     var run = function() { 
      transition(); 
      outside.fadeIn('slow', function() { 
       setTimeout(function() { 
        outside.fadeOut('slow', run); 
       }, timeToDisplay); 
      }); 
     } 

     $("div.inside").css("-webkit-transition","none !important;"); 
     $("div.inside").css("-moz-transition","none !important;"); 
     $("div.inside").css("-ms-transition","none !important;"); 
     $("div.inside").css("transition","none !important;"); 



     run(); 
}); 
</script> 

을 작업 할 수있는 CSS 여기

#outside { 
    background-size: 25em, 25em, auto, cover; 
    color: white; 
    cursor: default; 
    padding: 6em 0; 
    text-align: center; 
} 



    #outside .inside { 
     background: rgba(52, 27, 43, 0.5); 
     color: white; 
     display: inline-block; 
     opacity: 0; 
     padding: 3em; 
     text-align: center; 
    } 

입니다 고맙습니다!

Answer 1

어때 대략 var outside = $('#outside:not(.inside)');?