У меня есть файл html с div, например
<div id="mydiv" class="mydiv">...</div>
В этом html у меня есть один css файл (мой css. css), связанный.
в 600-й строке этого css файла, у меня есть
#mydiv
{
float:left;
background-image: url(divimg1.png);
background-repeat: no-repeat;
width:44px;
height:43px;
}
на 700-й строке, в том же css файле, у меня
#mydiv
{
background-image: url(divimg2.svg);
}
Теперь, большую часть времени я получаю divimg2, но очень редко / периодически получаю divimg1. У меня создалось впечатление, что когда браузер читает css файлы, он читает сверху вниз и ближайший, что означает, что divimg2 должен появляться все время. Что мне не хватает.
Я понимаю, что не должно быть двух экземпляров одного и того же класса, но здесь я ищу, почему в приведенном выше случае поведение прерывистое?