CSS | Как изменять свойства с помощью media
На данном этапе изучения media запросов, они умеют только что-то присвоить, но не изменить. В данном примере изначально у блока голубой фон, хочу что-бы при приближении он становился чёрным. Но ничего не происходит. Поменяется только если изначально не задавать его классу. Как же это провернуть?
<body>
<div class="some-block" style="width: 100px; height: 150px; background: aqua;"></div>
<style>
@media (max-width:1200px) {
.some-block {
background: black;
}
}
</style>
</body>