遍历一个数据去掉最后一个元素的样式
生活随笔
收集整理的這篇文章主要介紹了
遍历一个数据去掉最后一个元素的样式
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
這是我們常見的一個問題： 如圖所示
我們遍歷了一個數(shù)組或者對象，給每個元素加了一個border，結(jié)果最后一個元素也有border。但是實際上。我們是需要去掉這個最下面元素的邊框的。
實現(xiàn)的效果應(yīng)該是這樣子的，最下面的元素沒有邊框。
這里我寫了一個demo，大家可以參考一下：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>222</title> </head> <style type="text/css"> #imglist ul li{border-bottom:1px solid #dddddd;} #imglist ul li:last-child{border:none} </style> <body><div id="imglist"><ul><li></li><li></li><li></li></ul></div> </body> </html>效果如下：
總結(jié)
以上是生活随笔為你收集整理的遍历一个数据去掉最后一个元素的样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 小猫起名字大全，小猫起名大全女猫546个
- 下一篇： 中班教案《虫虫虫虫爬》反思