背景图像重复使用！重要的css代码

我的目标是使用媒体查询更改特定浏览器大小的背景图像。。。。 我需要它来覆盖元素样式，所以我需要！重要提示：在我的背景图像标签之后

这就是迄今为止我们所做的

@media only screen and (min-width : 690px) and (max-width : 1000px) {
    #featured article[data-background-cover="1"] {
        background-image: url('#')!important;    
    }
}

上面的代码似乎有效。。但我需要背景图像来重复。。。我怎样才能在保留原始数据的同时添加它呢！重要的

我试过几种方法，但似乎不管用。。像

@media only screen and (min-width : 690px) and (max-width : 1000px) {
    #featured article[data-background-cover="1"] {
        background-image: url('#')repeat!important;    
    }
}

及

任何帮助都将不胜感激。。谢谢

试试这个：

background-image: url('#');
background-repeat: repeat;

您也可以尝试以下方法：

background-image: url('#');
background-repeat: repeat !important;

---

你把！重要信息，每个属性的末尾都有一个空格和

---

但一定要尽量避免！重要信息如果可能的话，请对您的样式进行总体排序，以便正确应用这些样式。

假设您有一个容器，并且希望根据设备屏幕分辨率应用不同的样式

#container {
        /* triggered by all devices */
}

@media only screen and (min-width : 690px) and (max-width : 1000px) {
       #container { 
           /* triggered by devices with specified width */
       }
}

因此，第一个选择器将应用于所有设备，如果特定的媒体查询匹配，该选择器将被覆盖。最好遵循从上到下渲染样式时添加样式的顺序，因此如果有两个样式不同的相同选择器，则下面的选择器将具有最高优先级

无论如何，这是

background

属性的正确简写符号：

background: #000 url() repeat fixed left top !important;

---

顺序：背景色、背景图像、重复、位置、位置X、位置Y、重要

是的，我通常这样做。在本例中，我选择了一个图像滑块，该滑块的样式由javascript动态添加。

background: #000 url() repeat fixed left top !important;