使用 JQuery 从子 CSS 类中删除转换

Question

>我有一个ID有一个子类。我希望 ID 过渡，但类不过渡。因为类在 id 内，所以它正在转换。我已经浏览了 CSS jquery 文档，从中我找到了如何转换这两个元素，但不能单独转换父元素。

这是 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;
    }

这是我尝试让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>

Answer 1

> var outside = $('#outside:not(.inside)');怎么样？