将CSS动画应用于特定元素,而不是其子元素

将CSS动画应用于特定元素,而不是其子元素,css,Css,我有一个用于闪烁动画的CSS类,无法找到一种方法不将其应用于内部的子按钮 尝试动画:没有!很重要,但运气不好 @关键帧闪烁器{ 50% { 不透明度:0; } } .Useblinker{ 边框:0.1米虚线#ff6a00; 动画:闪烁1s线性无限; } .UseBlinker>按钮{ 动画:无!重要; 过渡:无!重要; } 按钮 不能将子对象从动画中排除,因为您正在将其容器作为一个整体设置动画;它与不透明度等相同 您只需设置边框颜色的动画即可: @关键帧闪烁器{ 50% { 边框颜色:#

我有一个用于闪烁动画的CSS类,无法找到一种方法不将其应用于内部的子按钮

尝试动画:没有!很重要,但运气不好

@关键帧闪烁器{
50% {
不透明度:0;
}
}
.Useblinker{
边框:0.1米虚线#ff6a00;
动画:闪烁1s线性无限;
}
.UseBlinker>按钮{
动画:无!重要;
过渡:无!重要;
}

按钮

不能将子对象从动画中排除,因为您正在将其容器作为一个整体设置动画;它与
不透明度
等相同

您只需设置
边框颜色的动画即可:

@关键帧闪烁器{
50% {
边框颜色:#ff6a00;
}
}
.Useblinker{
边框:0.1米透明虚线;
动画:闪烁1s线性无限;
}

按钮

不能将子对象从动画中排除,因为您正在将其容器作为一个整体设置动画;它与
不透明度
等相同

您只需设置
边框颜色的动画即可:

@关键帧闪烁器{
50% {
边框颜色:#ff6a00;
}
}
.Useblinker{
边框:0.1米透明虚线;
动画:闪烁1s线性无限;
}

按钮

您只能使用边框

@关键帧btnBorder{
50% {
边框颜色:透明;
}
}
.Useblinker{
填充:.1em;
动画:btnBorder 1s线性无限;
边框:1米虚线#ff6a00;
}

按钮

您只能使用边框

@关键帧btnBorder{
50% {
边框颜色:透明;
}
}
.Useblinker{
填充:.1em;
动画:btnBorder 1s线性无限;
边框:1米虚线#ff6a00;
}

按钮

您也可以发布HTML吗?可以修改选择器,使其仅针对您希望设置动画的部分。您不能将子对象从动画中排除,因为您正在将其容器作为一个整体设置动画;它与
不透明度
等相同。如果不是元素的子元素,您将在元素中设置什么动画?每个
div
都由它的子级组成,没有其他内容——如果不是这样的话,就没有任何东西可以设置动画。可以想象为元素的某个方面(例如其不透明度)设置动画,但不为其子元素设置动画吗?它看起来会是什么样子?@amn div可以有(闪烁)边框。然后我建议你更新这个问题并描述你的确切问题,因为一般来说,这个问题似乎不适用,但在某些情况下,它可能适用于边框之类的东西。你也可以发布HTML吗?可以修改选择器,使其仅针对您希望设置动画的部分。您不能将子对象从动画中排除,因为您正在将其容器作为一个整体设置动画;它与
不透明度
等相同。如果不是元素的子元素,您将在元素中设置什么动画?每个
div
都由它的子级组成,没有其他内容——如果不是这样的话,就没有任何东西可以设置动画。可以想象为元素的某个方面(例如其不透明度)设置动画,但不为其子元素设置动画吗?它会是什么样子?@amn div可能有(闪烁的)边界然后我建议你更新问题并描述你的确切问题,因为一般来说,这个问题似乎不适用,但在某些情况下,它可能适用于边界之类的东西。