【问题标题】:When adding .change at the end of CSS code, what does it do? [duplicate]在CSS代码末尾添加.change有什么作用? [复制]
【发布时间】:2022-11-22 06:02:44
【问题描述】:

我正在上一门关于 JS、HTML 和 CSS 的课程。讲师在做网站菜单的时候,把menu.change放在css里面。但是,.change 不在 html 中。 .menu 是。

menu.change 是做什么的。

这是代码

.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。这是否意味着 menu.change - .change 只是一个功能/动画或者我错过了什么?

【问题讨论】:

标签: javascript html css


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-05-24
    • 1970-01-01
    • 2021-02-18
    • 2011-02-07
    • 2014-06-20
    • 2020-05-18
    • 1970-01-01
    • 2011-01-01
    相关资源
    最近更新 更多