当我在Css中使用id选择器时,jquery dosent中的toggleClass工作

ned*_*esh 2 html javascript css jquery

我是jQuery的新手,我有一个问题,当我在CSS中使用ID选择器时,我的jQuery代码不起作用.

这是HTML:

<body>    
    <div id="fm">
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

这是JavaScript代码:

$(function () {
    $("#fm").click(function () {
        $(this).toggleClass("cm");
    });
});
Run Code Online (Sandbox Code Playgroud)

这个CSS没关系,它有效:

body>div{ 
    height:100px;
    background-color:blue;
    transition:all ease 0.5s;
    position:fixed;
    top:0;
    left:0;
    bottom:100px;
    right:0;
    z-index:1000;
}
Run Code Online (Sandbox Code Playgroud)

但是,如果我#fm在CSS选择器中使用它不起作用.我认为这可能是因为级联行为,但我不知道如何解决它.

这是CSS不起作用:

#fm{ 
    height:100px;
    background-color:blue;
    transition:all ease 0.5s;
    position:fixed;
    top:0;
    left:0;
    bottom:100px;
    right:0;
    z-index:1000;
    border:1px solid black;
}
Run Code Online (Sandbox Code Playgroud)

这是厘米级

.cm {
    background-color:red;
    height:150px;
}
Run Code Online (Sandbox Code Playgroud)

如果你帮忙我很感激

Ben*_*ipp 7

尝试

#fm.cm
Run Code Online (Sandbox Code Playgroud)

为你的厘米规则.这样,ID不会覆盖该类