从第5个子元素+ CSS填充

Question

我有ul，例如15个子li元素。每个li的宽度和高度是相同的。一行中有4个li个元素。不，我希望从第五个子元素开始的元素具有padding 20px。我可以使用css选择器执行此操作，还是需要使用检查从第五个元素开始添加类？

Answer 1

使用:nth-child伪类可以轻松完成：

ul li:nth-child(n+5) {
    background:#ff0000;
}

JSFiddle：

http://jsfiddle.net/CVuBK/2/

Answer 2

使用 ：nth-​​child（） 伪类。它将影响第五个li元素

ul li:nth-child(n+5) {
    padding: 20px;
}

Fiddle

Answer 3

你可以尝试

ul li:nth-child(5) {  
  padding: 20px;
}

Answer 4

修复Dan Meehan的答案：与良好的HTML完美配合;） http://jsfiddle.net/CVuBK/1/

<h1>