前端代码技巧- css

1. :not()

&.is-active:not(.is-hidden) {
    transform: translateY(-6px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

2. 修改antd 的样式
   :global {
   .ant-affix {
   z-index: 100 !important;
   }
   }

3. 表格长度控制

  .col {
    // word-wrap: "break-word";
    // word-break: "break-word";
    max-width: 10vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

<div className={styles.col} title={text}>
    {text}
</div>