html - 在 CSS 中创建子类时出错

Question

我有以下代码：

HTML

<ul class=sticky>
    <li>
        text1
    </li>
    <li>
        text 2
    </li>
</ul>

CSS

.sticky ul li:nth-child(even) a {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px;
    background: #cfc;
}
.sticky ul li:nth-child(3n) a {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    position: relative;
    top: -5px;
}

但它不起作用..请帮我纠正它。提前致谢

上面代码的 jsfiddle http://jsfiddle.net/cZRg6/

Answer 1

.sticky 已经是ul

  .sticky li:nth-child(even), a {  

  .sticky li:nth-child(3n), a {

如果你使用 nth-child(3n)，你至少需要 3 个元素，而且我在你的小提琴中看不到任何锚。

如果您在元素中包含锚点，请<li>删除逗号

  .sticky li:nth-child(even) a {  

  .sticky li:nth-child(3n) a {