<!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>Document</title>
</head>
<body>
<ul id="list">
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
<li>今天一个折叠屏新机的视频在推特上曝光，瞬间引发了手机界的广泛关注。因为这款折叠屏手机来自小米，搭载了MIUI 10系统，并且采用了双折结构</li>
</ul>
<script>
var oUl=document.getElementById('list');
var oLis=document.getElementsByTagName('li');
for(i=0;i<oLis.length;i++){
if(i%4===0){
oLis[i].style.background='red';
}else if(i%4===1){
oLis[i].style.background='green';
}else if(i%4===2){
oLis[i].style.background='pink';
}else{
oLis[i].style.background='blue';
}
}
</script>
</body>
</html>
