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 {

在CSS中创建子类时出错

1 个答案: