Question

我知道有很多关于这个问题的问题，但我无法让解决方案奏效。我创建了一个名为＆＃39; color-shift＆＃39;的CSS类。通过色调移动任何颜色的东西，我创建它，以便标题徽标和文本可以循环颜色。但现在我想添加一个黑色背景，其中一些彩色线条使用CSS类改变颜色。问题是，背景是否应用于div class＆＃39; wrapper＆＃39;。这个div包含整个页面，因此一切都会改变颜色。我想以某种方式排除＆＃39;变色＆＃39;来自主容器的类，以便只有背景改变颜色。

任何帮助将不胜感激。（P.S.我正在使用Magento 1.9，如果你需要知道的话）。

这是相关的html和css：

＆＃13;

.wrapper {
    min-width: 320px;
    min-height: 100%;
    margin: 0 auto;
    background-image: url(/media/mountains-min.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.color-shift {
    -webkit-animation: hue 15s infinite linear;
}

＆＃13;

<div class="wrapper color-shift">
    <div class="page">
    </div>
</div>

＆＃13;

Answer 1

你有两个选择。

你需要在你的CSS样式表中覆盖那个类。

示例：

.color-shift {
    -webkit-animation: hue 15s infinite linear;
}

.page {
      -webkit-animation: none;
      color:black;
}

将其添加到下方，以便覆盖前一个。

仅使用该类制作div。

示例：

<div class="wrapper">
    <div class="color-shift></div>
    <div class="page">
    </div>
</div>

如何阻止div从其父div继承CSS类？

1 个答案: