弄晕了为什么不设置.nav a的样式 .nav a:hover也就不起作用了呢

        .nav a{
          display: inline-block;
          -webkit-transition: all 0.2s ease-in;
          -moz-transition: all 0.2s ease-in;
          -o-transition: all 0.2s ease-in;
          -ms-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in;
       }

        .nav a:hover{
          -webkit-transform:rotate(10deg);
          -moz-transform:rotate(10deg);
          -o-transform:rotate(10deg);
          -ms-transform:rotate(10deg);
          transform:rotate(10deg);
       }

我后来自己试了一下如果没有之前.nav a的样式其hover的样式也就不出现了为什么呢

求大神指导

葫芦胡

2018-02-02

源自：十天精通CSS3 5-5

关注问题我要回答

2017

操作

收起

2 回答

慕侠4705823 回答被采纳 +2 积分
2018-02-03

.nav a:hover{

display: inline-block;

-webkit-transform:rotate(10deg);

-moz-transform:rotate(10deg);

-o-transform:rotate(10deg);

-ms-transform:rotate(10deg);

transform:rotate(10deg);

}

我试了一下，这样也是可以实现动画效果的，就是说transition只是对于动画的过程进行设置，如果不设置就按默认的动画效果来，主要还是出在display：inline-block上，查了一下transform是支持块级元素和某些行内元素，所以对于<a>这种行内元素，不加这个语句，是不起作用的，以上是我个人理解