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

我有一个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>

$（文档）.ready（函数（）{
var timeToDisplay=4000；
外部变量=$（“#外部”）；
变量URL=[
'images/image1.jpg'，
'images/image2.jpg'，
“images/image3.jpg”
];
var指数=0；
var transition=function（）{
var url=url[索引]；
css（'background-image'、'url（“images/light-bl.svg”）、url（“images/light br.svg”）、url（'+url+'）；
指数=指数+1；
如果（索引>url.length-1）{
指数=0；
}
};
var run=function（）{
过渡（）；
fadeIn（'slow'，function（）{
setTimeout（函数（）{
外部。淡出（“缓慢”，运行）；
}，显示时间）；
});
}
$（“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（）；
});

外部变量=$（“#外部：非（.inside）”如何？

谢谢@pejs，您是否介意扩展一下我不太明白的意思？您可以使用jQuery

：not

选择器从操作中排除特定的类/id。另一方面，作为一项规则，您不应该在一个页面上有2个或多个id相同的对象（在您的情况下是

#outside

）。但是很难说您是否不提供JSFIDLE示例您基于浏览器控制台的代码包含几个语法错误，因此如果不先整理它，就很难让它正常工作。此外，我不确定您的输出应该是什么样的，但我认为您不需要这么多的jQuery来实现转换效果，其中大部分可能只能通过css实现。无论以何种方式，如果您想进行仅改变

#outside

元素的视觉方面的转换，这都是很容易实现的，但同样，您需要更加具体。。。清洁剂：）