如何删除css3过渡到div的子元素？答案

【问题标题】：How to Remove css3 transitions to child elements of div?如何删除css3过渡到div的子元素？
【发布时间】：2014-03-28 13:38:14
【问题描述】：

是否可以在 CSS 中删除子元素过渡。

我的问题是，

我有一个由一个 H1 标签和一个 div 组成的 div（div 包含一个 P 标签）。

当我将过渡应用于父 div 时，它也应用于子元素。但这不是必需的。

如何禁用子元素的过渡？

这里是我的父 div CSS 代码 sn-p：

-webkit-transition: width .75s ease;
   -moz-transition: width .75s ease;
     -o-transition: width .75s ease;
        transition: width .75s ease;

当父宽度改变时应用过渡。

【问题讨论】：

标签： jquery html css

【解决方案1】：

-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;

【讨论】：

从不使用!important。而是加强你的选择器。
谢谢，我刚刚意识到我自己 - 编辑删除 !important 标志。我不会说永远不会，只是在这种情况下不会。
@gilly3 !important 有它的位置。将其用于禁用按钮等，以检查选择器的复杂性 =)

【解决方案2】：

将0s 的过渡应用到所有子元素。

.myElement *{
    -webkit-transition: width 0s;
       -moz-transition: width 0s;
         -o-transition: width 0s;
            transition: width 0s;
}

【讨论】：

嗨，感谢重播。我可以将此 CSS 应用到我的子元素吗？我的意思是特定的子元素。
@mani * 将处理.myElement 下的所有元素。如果您希望将此应用于特定的子元素，只需更改选择器即可。
当我将鼠标悬停在主页上的滑块上时，它会向右或向左滑动并显示该滑块中的元素。在显示此内容时，它会显示出一些干扰。可以去掉吗？
请在问题中复制您的问题； fiddle 也很有用。