css给最后3个元素设置样式

转载翻译原创

前端 · css · @{ formatTime(detail.create_time) }

<style>
  .demo-230621 li:nth-last-child(-n+3) {  /* 负号表示计算从后往前的位置 */
    color: #f00;
  }
</style>
<ul class="demo-230621">
  <li>a</li>
  <li>b</li>
  <li>c</li>
  <li>d</li>
  <li>e</li>
  <li>f</li>
  <li>g</li>
</ul>

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: 倒影加载条; 自动打字; 屏蔽用户选择; 禁止保存或拷贝图像; android元素点击产生边框去除; placeholder超出省略; 修改选中文本色; 表格等宽; 选择当前活动的元素; 去除chrome输入框选择填充样式

回顶部