Tier List:修订间差异

无编辑摘要
无编辑摘要
第7行: 第7行:
         </li>
         </li>
       <li><div class="ranking-title" style="background-color: rgb(218, 182, 228);"><span>T0</span><span>缔造环境</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(242, 176, 175);"><span>T1</span><span>一线成员</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(244, 194, 166);"><span>T1.5</span><span>比肩T1的优秀战力</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(250, 245, 190);"><span>T2</span><span>用来不错的中坚力量</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(202, 222, 183);"><span>T3</span><span>可以一用</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(165, 194, 227);"><span>T4</span><span>缺卡时姑且能拿来替补</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(192, 192, 191);"><span>T5</span><span>快逃</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(38, 38, 38);"><span>T♾️</span><span>独一档「神」</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li></ul>
       <li><div class="ranking-title" style="background-color: rgb(218, 182, 228);"><span>T0</span><span>缔造环境</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(242, 176, 175);"><span>T1</span><span>一线成员</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(244, 194, 166);"><span>T1.5</span><span>比肩T1的优秀战力</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(250, 245, 190);"><span>T2</span><span>用来不错的中坚力量</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(202, 222, 183);"><span>T3</span><span>可以一用</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(165, 194, 227);"><span>T4</span><span>缺卡时姑且能拿来替补</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(192, 192, 191);"><span>T5</span><span>快逃</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(38, 38, 38);"><span>T♾️</span><span>独一档「神」</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li></ul>
{{css:ul {
        list-style: none;
        padding: 0;
      }
      li {
        position: relative;
        display: flex;
      }
      .ranking-title {
        width: 75px;
        min-height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px 0 0 5px;
        /* position: relative; */
      }
      .ranking-title span:nth-child(2) {
        display: none;
        position: absolute;
        top: calc(50% + (75px));
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        left: 0;
      }
      .ranking-title:hover span:nth-child(2) {
        display: flex;
      }
      li + li {
        margin-top: 20px;
      }
      .tier {
        background-color: rgba(243, 223, 167, 1);
        flex: 1;
        border-radius: 0 5px 5px 0;
        gap: 20px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
        padding: 20px;
      }
      .link {
        width: 42px;
        height: 42px;
        border: 2px solid rgba(30, 23, 33, 1);
        overflow: hidden;
        border-radius: 5px;
      }}}

2024年4月23日 (二) 09:34的版本

  •            
               
    
  • T0缔造环境
  • T1一线成员
  • T1.5比肩T1的优秀战力
  • T2用来不错的中坚力量
  • T3可以一用
  • T4缺卡时姑且能拿来替补
  • T5快逃
  • T♾️独一档「神」

{{css:ul {

       list-style: none;
       padding: 0;
     }
     li {
       position: relative;
       display: flex;
     }
     .ranking-title {
       width: 75px;
       min-height: 75px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 5px 0 0 5px;
       /* position: relative; */
     }
     .ranking-title span:nth-child(2) {
       display: none;
       position: absolute;
       top: calc(50% + (75px));
       background-color: rgba(0, 0, 0, 0.5);
       border-radius: 5px;
       left: 0;
     }
     .ranking-title:hover span:nth-child(2) {
       display: flex;
     }
     li + li {
       margin-top: 20px;
     }
     .tier {
       background-color: rgba(243, 223, 167, 1);
       flex: 1;
       border-radius: 0 5px 5px 0;
       gap: 20px;
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
       padding: 20px;
     }
     .link {
       width: 42px;
       height: 42px;
       border: 2px solid rgba(30, 23, 33, 1);
       overflow: hidden;
       border-radius: 5px;
     }}}