background image repeat with! Important правильный код css

Question

Моя цель - изменить фоновое изображение в определенных размерах браузера с помощью медиа-запросов .... Мне нужно, чтобы он менял стиль элемента, поэтому мне нужно иметь важное право после моего фонового изображения теге ...

Это то, что до сих пор ..

@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;  
    } 
} 

и

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

Любая помощь будет оценена .. спасибо

Answer 1

Попробуйте это :

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

Yo U также можете попробовать это:

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

W3Schools

Answer 2

Вы кладете важно с пространством и в конце каждого объекта!.

Но старайтесь избегать ! Важный в целом, если возможно, и закажите свои стили, чтобы они были применены правильно.

Answer 3

Предположим, что у вас есть контейнер, и вы хотите применять различные стили на основе разрешения экрана устройства.

#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 Важно;