change after 4

Change every four element after 4 element

by Zuhaib Siddiqui

HTML

<ul>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
	<li><span>text here</span></li>
</ul>

CSS

ul{
	list-style:none;
}
ul > li{
	display:block;
	padding:3px;
}
ul > li > span{
	display:block;
	background-color:#f00;
	padding:10px;
	text-align:center;
}