CSS

relative & z-index

任何元素，在 relative 后，会在 hover 时（指针处于元素内）自动浮到最上层，也就是会浮出到原本 absolute 在其范围内（部分遮挡当前元素）的元素上面。
该效果暂未找到出处。且firefox与chrome实现不太相同，firefox的 元素浮出取消 需要focus其他元素才会进行，而chrome只需要 moveout 即取消浮出。
但若该元素 absolute 后，也就是脱离文档流后，该功能即失效了，所以需要手动设置 z-index 来获得同样的效果，若需要覆盖当前上方元素，只需要与该上方元素设置相同 z-index 即可。
#z-index #absolute #field-element #relative

CSS-Module

keyframes

keyframes 在CSS-Module 中即使被 :global 包裹，名称依旧会被 hash 化，所以使用时需要 :local 获得 hash 后的名称：
https://stackoverflow.com/questions/57634370/css-modules-and-css-keyframe-animations

@keyframes showHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
:global {
     .xxx {
    & :local {
      animation-name: showHelpIn;
    }
  } 
}