Есть элемент с классом .block
.
Для него прописаны правила в трёх местах.
В style.css:
.block { float: left; }
В rtl.css:
.block { float: right; }
В media.css:
@media screen and (max-width: 800px) {
.block { float: none; }
}
Почему для rtl
-версии сайта медиа-запрос не выполняется?
В исходном коде видно, что файл rtl.css
подгружается последним. Но разве медиа-запросы не имеют приоритет? Помогите, пожалуйста, разобраться.
media
, может в нём проблема. И скажите, в каком файле лежит вашеmedia
- правило.rtl.css
перекрывают правила изmedia.css
. Но почему?rtl
-правила приоритетнее?