html中使用过渡不显示,为什么css过渡不起作用

我正在尝试添加转换,但它不起作用

我添加了转换到我的链接并期望更改悬停状态

我使用过渡很多,但有时这发生在我身上,我不知道为什么这个属性不起作用

我更愿意知道为什么它不起作用

这是我的代码

• درباره بانک مهر
• درباره بانک مهر 1
• درباره بانک مهر 2
• درباره بانک مهر 3
• درباره بانک مهر 4

和css

.subNavigation {

width: 900px;

height: 274px;

position: absolute;

top: 40px;

right: 0;

padding: 30px 60px 0 0;

}

/* line 126, ../sass/style.scss */

.subNavigation ul {

float: right;

}

/* line 130, ../sass/style.scss */

.subNavigation li {

width: 153px;

*zoom: 1;

margin-top: 4px;

padding-right: 2px;

padding-bottom: 4px;

border-bottom: 1px dotted #b4b4b4;

}

/* line 38, D:/Ruby193/lib/ruby/gems/1.9.1/gems/compass- 0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */

.subNavigation li:after {

content: "";

display: table;

clear: both;

}

/* line 138, ../sass/style.scss */

.subNavigation li:first-child {

width: 155px;

height: 24px;

margin-top: 0;

margin-bottom: 14px;

color: #f7931e;

border-bottom: 1px solid #dddddd;

padding-right: 0;

font-size: 16px;

line-height: 24px;

}

/* line 151, ../sass/style.scss */

.subNavigation a {

float: right;

font-size: 13px;

height: 24px;

line-height: 24px;

padding-right: 2px;

color: #222;

-webkit-transition: all, 0.2s, ease-in;

-moz-transition: all, 0.2s, ease-in;

-o-transition: all, 0.2s, ease-in;

transition: all, 0.2s, ease-in;

}

/* line 160, ../sass/style.scss */

.subNavigation a.eng {

font-family: tahoma;

}

/* line 164, ../sass/style.scss */

.subNavigation a:hover {

padding-right: 10px;

border-right: 4px solid #f7941d;

color: #19ae61;

}