求解關(guān)于nth-child（）和hover的連用問(wèn)題
這兩個(gè)選擇器一起連用的表達(dá)式是怎樣的？其實(shí)原本對(duì)我的導(dǎo)航定義了兩種動(dòng)畫(huà)，想對(duì)奇數(shù)選項(xiàng)用rotate，偶數(shù)用translate，那要怎么用這個(gè)選擇器實(shí)現(xiàn)呢？代碼如下：
.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);
?? ??? ?}
2016-12-23
你試試這樣可以不：
.nav ul li:nth-child(2n+1) a:hover
2017-12-01
.nav ul li:hover:nth-child(2n+1)將hover移到nth-child前面，親自測(cè)有用
2016-12-23
.nav ul li a:nth-child(2n+1):hove{...}