求解关于nth-child（）和hover的连用问题

这两个选择器一起连用的表达式是怎样的？其实原本对我的导航定义了两种动画，想对奇数选项用rotate，偶数用translate，那要怎么用这个选择器实现呢？代码如下：

.nav ul li a{
      cursor:pointer; text-decoration:none;color:white;display: inline-block;
          -webkit-transition: all 0.5s ease-in;
          -moz-transition: all 0.5s ease-in;
          -o-transition: all 0.5s ease-in;
          -ms-transition: all 0.5s ease-in;
          transition: all 0.5s ease-in;
           }
.nav ul li a:hover{
      text-decoration:none;color:rgb(23,48,56);
      -webkit-transform:rotate(20deg);
          -moz-transform:rotate(20deg);
          -o-transform:rotate(20deg);
          -ms-transform:rotate(20deg);
          transform:rotate(20deg);
      -webkit-transform: translateY(10px);
      -moz-transform:translateY(10px);
      transform: translateY(10px);
       }

Setihex

2016-12-22

源自：十天精通CSS3 6-8

关注问题我要回答

5714

操作

收起

3 回答

rainy_day 回答被采纳 +3 积分
2016-12-23

你试试这样可以不：
.nav ul li:nth-child(2n+1) a:hover

1 回复有任何疑惑可以回复我~

#1

Setihex 提问者

真的非常感谢，这个试了是对的，求抱大腿，囧！！

2016-12-23 回复有任何疑惑可以回复我~

#2

Setihex 提问者

Thanks a lot

2016-12-23 回复有任何疑惑可以回复我~

#3

rainy_day 回复 Setihex 提问者

那就好 ^-^

2016-12-23 回复有任何疑惑可以回复我~

什么逗
2017-12-01

.nav ul li:hover:nth-child(2n+1)将hover移到nth-child前面，亲自测有用

1 回复有任何疑惑可以回复我~

风挽雨
2016-12-23

.nav ul li a:nth-child(2n+1):hove{...}

0 回复有任何疑惑可以回复我~

#1

Setihex 提问者

不行噢，这个试了没效

2016-12-23 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 242687 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

4 回答nth-child()和nth-of-type()的区别

1 回答nth-child()

1 回答nth-child()

1 回答nth-child（）和nth-of-type()差别是什么

3 回答有 nth-last-child(n)，为何没有nth-first-child(n) ？

搜索更多本课相关问答

求解关于nth-child（）和hover的连用问题

我要回答关注问题

意见反馈帮助中心 APP下载