实习记录01

70 阅读1分钟

git 操作

  • git pull 从远程拉代码到本地,能够获取其他人更新后的代码操作,如果没有冲突不会将自己的代码覆盖上,如果存在冲突,先暂存git stash,然后将远程分支拉下来,然后恢复本地分支

  • 通过vscode的方案进行提交到dev,然后git merge origin/${name}

CSS权重

css权重设计到样式的优先级问题:

权重计算数据:

  • important的数据 权重1000
  • ID的数据 权重0100
  • class的数据 权重0010
  • 伪类(:before等)的数据 权重0010
  • 属性(type等)的数据 权重0010
  • 标签(div等)的数据 权重0001

案例:计算下列数据的css权重

/** 10+10+1 = 21*/
.classname.is-active {
     div {
          background-color: #ED7B2F;
          color: #fff;
     }
}
/** 10+10+10+1 = 31*/
.classname {
    color: rgba(255, 255, 255, 0.55);
    padding: 0px 10px;
    /** 注意,中间这个空格有10的权重*/
    &:hover div {
            background-color: #2C2C2C;
    }
}
/** 所以 第二个样式和第一个样式重合的情况下会优先执行第二个样式*/

自动生成滚动条

/** 父元素 */
overflow:scroll;

/** 子元素 */
max-height:100%;