Forked from: hokaccha's [Web DB Press 2010-08] nth-child diff(7) forked from: [Web DB Press 2010-08] nth-child Pal Follow 2010-09-02 15:03:19 License: MIT License Fork2 Fav0 View679 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 3 lines HTML 18 lines CSS 26 lines forked from: [Web DB Press 2010-08] nth-child // forked from hokaccha's "[Web DB Press 2010-08] nth-child" http://jsdo.it/hokaccha/webdb201008_nth-child <ul> <li>緑</li> <li>白</li> <li>白</li> <li>白</li> <li>緑</li> <li>白</li> <li>白</li> <li>白</li> <li>緑</li> <li>白</li> <li>白</li> <li>白</li> <li>緑</li> <li>白</li> <li>白</li> <li>白</li> </ul> forked from: [Web DB Press 2010-08] nth-child * { padding: 0; margin: 0; } ul { width: 400px; list-style: none; } li { width: 70px; height: 70px; border: 1px solid #000; float: left; margin: 10px; } li:nth-child(3n+1) { background: red; } li:nth-child(3n+2) { background: green; } // forked from hokaccha's "[Web DB Press 2010-08] nth-child" http://jsdo.it/hokaccha/webdb201008_nth-child <ul> <li>緑</li> <li>白</li> <li>白</li> <li>白</li> <li>緑</li> <li>白</li> <li>白</li> <li>白</li> <li>緑</li> <li>白</li> <li>白</li> <li>白</li> <li>緑</li> <li>白</li> <li>白</li> <li>白</li> </ul> * { padding: 0; margin: 0; } ul { width: 400px; list-style: none; } li { width: 70px; height: 70px; border: 1px solid #000; float: left; margin: 10px; } li:nth-child(3n+1) { background: red; } li:nth-child(3n+2) { background: green; } use an iframe compat browser, deer Tweet QR code Embed Design view Code view <script type="text/javascript" src="http://jsdo.it/blogparts/iJ36/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/Pal/iJ36" title="forked from: [Web DB Press 2010-08] nth-child">forked from: [Web DB Press 2010-08] nth-child - jsdo.it - share JavaScript, HTML5 and CSS</a></p> zip tags Tweet twitter Forked sort new page view favorite forked forked from: forked from: [Web.. kuroui 00 167views 4/32/29 forked from: forked from: [Web.. Pal 00 313views 4/18/26
