当在CSS代码的末尾添加.change时,它会做什么?



我正在上一门关于JS、HTML和CSS的课程。当讲师制作网站菜单时,他会放菜单。修改css。但是,.change不在html中,.menu是。

菜单。改变做。

代码

.menu {
width: 4rem;
height: 6rem;
background-color: #000;
position: fixed;
top: 1rem;
left: 5rem;
border-radius: 30rem 30rem 15rem 15rem;
box-shadow: 0.1rem 0.1rem 0.1rem #000, -.1rem -.1rem -.1rem #000;
cursor: pointer;
transition: ;
}
.menu.change {
top: 15rem;

感谢一旦在CSS中加入这个元素,网页上的元素就会改变位置,从顶部向下15rem。那是不是意味着菜单。改变-改变只是一个功能/动画还是我错过了什么?

根据这里有限的信息,看起来change只是一个类,将(通过javascript)添加到具有menu类的元素中以添加额外的样式(更新的top值)。

最新更新