html5 + css3 code <!doctype html> <html> <head> <title>jquery test</title> <script src="http://code.jquery.com/jquery-1.7.min.js"></script> <style> ul{ overflow: hidden;} li{ list-style: none; float:left; padding: 15px; } li:first-child{ border-radius: 10px 0 0 10px;} li:last-child{ border-radius: 0 10px 10px 0;} li:nth-child(2n){ background-color: #ff0003;} li:nth-child(2n+1){ background-color: #800000;} </style> </head> <body> <ul> <li>first</li> <li>second</li> <li>third</li> <li>fourth</li> ...
원문링크 : 일반 구조 선택자
네이버 블로그
티스토리
커뮤니티