禁用繼承過渡（全部）只有一個CSS屬性

我在我的CSS文件下面的代碼，這在全球打開過渡的所有CSS屬性的所有鏈接錨元素：禁用繼承過渡（全部）只有一個CSS屬性

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

在CSS後來文件，我想關閉特定鏈接的轉換（讓我們說類notrans），但僅限於background-position。喜歡的東西：

a.notrans{ 
    -webkit-transition: background-position 0; 
    -moz-transition: background-position 0; 
    -o-transition: background-position 0; 
    -ms-transition: background-position 0; 
    transition: background-position 0; 
}

但這代碼不起作用。

我必須把background-position過渡並保持其他轉換，所以精靈 - 背景圖像不會對a.notrans移動...

來源

2012-07-31 marinbgd

看起來好像我自己找到了解決方案:) 你只需要聲明新的屬性進行轉換，而舊的，繼承的屬性就不存在了。因此，我剛剛使用了這個> a.notrans {\ tt_webkit-transition：color .2s; -moz-transition：color .2s; -o-transition：color .2s; -ms-transition：color .2s; transition：color .2s; } 之後，只有顏色轉換正在工作！ – marinbgd 2012-07-31 14:22:17

請將其作爲回答發佈。 – BoltClock 2012-07-31 16:27:04

你只需要申報新屬性的過渡，老繼承的人都沒有了。

所以，我只是用這個>

a.notrans{ 
-webkit-transition:color .2s; 
-moz-transition:color .2s; 
-o-transition:color .2s; 
-ms-transition:color .2s; 
transition:color .2s; 
}

在此之後，唯一的色彩過渡工作！

也許有更好的解決辦法嗎？

來源

2012-08-01 06:26:14 marinbgd

禁用繼承過渡（全部）只有一個CSS屬性

回答

相關問題