Hover это что
Hover - перевод, произношение, транскрипция
амер. |ˈhʌvər| Тег audio не поддерживается вашим браузером. брит. |ˈhɒvə| Тег audio не поддерживается вашим браузером. |
|
- прикрывать (телом, крыльями и т. п.)
- парение; свободный полёт- ожидание; неопределённое положение; состояние неопределённости, «подвешенное» состояние- диал. нависший берег; яма под берегом (где прячется рыба)
Воспользуйтесь поиском для того, чтобы найти нужное словосочетание, или посмотрите все.
The big bird was hovering high in the sky.
Высоко в небе парила большая птица.
The fear of a new war hovered over us.
Над нами нависла угроза новой войны.
We hovered around our guide.
Мы толпились вокруг нашего экскурсовода.
Without even a hover of hesitation.
Не мешкая ни секунды!
Unemployment hovered around 10%.
Уровень безработицы колебался на уровне десяти процентов.
A mind hovering on the verge of madness.
Балансирующий на грани безумия разум.
Bees hovered around the hive.
Пчёлы зависли в воздухе вокруг улья.
▼ (6)
nervous mothers hovering over their children
The patient was hovering between life and death.
Temperatures will continue to hover around freezing.
Для того чтобы добавить вариант перевода, кликните по иконке , напротив примера.
hoverer — брудер, элевеза, зонтичный брудер hovering — висение, зависание, парение, hovership — судно на воздушной подушке verb I/you/we/they: hover he/she/it: hovers ing ф. (present participle): hovering 2-я ф. (past tense): hovered 3-я ф. (past participle): hoveredWooordHunt.ru
CSS :hover. Оригинальные hover-эффекты
Кардинально новой стала идея разделить представление информации от кода ее создающего и обрабатывающего. Это было сильное решение в свое время, но этот момент был не признан тогда в полной мере. Когда программирование отделилось от отдельно взятого компьютера, но не стало побеждать в локальной сети или отдельно взятой доменной зоне, а сразу распространилось повсеместно, только тогда стало очевидно, что представление информации (в части дизайна) и работа с ней (в части кода) – две стороны в одной плоскости.
Три грани сайтостроения
С формальной точки зрения есть три основных компонента (в разных синтаксических обликах), которые составляют сайт: PHP-код, JavaScript-код и описания стилей CSS. Абсолютно не важно, как именуется и какой версии используется тот или иной компонент, какая версия HTML разметки используется и какая версия браузера стоит. Совместимость нынче не в почете, потому в каждый момент времени актуально: что закодировано и что из того, что закодировано, может быть отображено и исполнено.
Если раньше за идеи бились языки, то сегодня воевать по-пустому больше нравится производителям стандартов в сфере интернет-технологий и браузеров.
Личное и общественное
Средств, посредством которых доступен Интернет, много (компьютеры, ноутбуки, планшеты, смартфоны), браузеров тоже предостаточно. Нет никакой гарантии, что отдельно взятое устройство отобразит сайт в том виде, в котором его создал разработчик. Не всегда усилия последнего достигают цели и обеспечивают веб-дизайн единой многоликостью, то есть единством отображения сущности, где бы она не открывалась посетителю.
Разделяя личное и общественное, используя в последнем только то, что работает, можно достичь заметных успехов в дизайне. Красота, художественный момент и веб-дизайн – удел соответствующих специалистов и талантов. CSS – это код, хотя и весьма своеобразный. Его забота описать стили (варианты отображения информации). С появлением мобильных устройств CSS подгрузили реальным кодированием в виде медиа-запросов. Так что вариант повторного брака между дизайном и кодом - это не такая уж нереальность, как могло показаться всего пару лет назад.
Разработчик, занимаясь разработкой CSS-стилей, опирается на свой личный проверенный опыт и на те конструкции CSS, которые работают на большинстве браузеров, удовлетворяют большинство посетителей сайта. Следует максимально использовать первое и минимально второе, тогда гораздо больше шансов получить результат, работающий практически всегда и везде.
Первое правило: на стандарт надейся, но и сам не плошай
CSS:hover - это когда мышка «зашла» на элемент страницы. Когда мышка кликнула на элементе, он становится активным, но когда курсор уходит в сторону, он опять может измениться и показать себя в активном состоянии. “:hover”, “active” и “visited” – самые востребованные псевдоклассы при описании стилей.
Очень удобно в коде сайта не заботиться о таких мелочах, как движение мышки над элементами. Предусмотрев в таблице описания стилей два описания:
element {
color: black;
}
element:hover {
color: white;
background-color: green;
}
Получим при наведении мышки на element автоматическое изменение цвета текста с черного на белый и изменение фона этого элемента на зеленый. Псевдоклассы можно применять к любому элементу и достигать при этом самых различных визуальных эффектов.
Второе правило: доверяя стандартам, ориентируйся на свой код
Все было бы прекрасно, если бы прогресс остался на уровне компьютеров и ноутбуков, оснащенных мышками, и прогресс в сотовой связи не привел к появлению смартфонов, планшетов и других мобильных устройств, к которым подключить такое устройство весьма проблематично.
С другой стороны, только на оснащенных специальным сенсорным экраном гаджетах становится доступным манипулирование пальцами непосредственно на сенсорном экране, как это уже стало привычным на смартфонах, планшетах и подобным им устройствам.
Есть существенная разница и :hover здесь срабатывает вовсе не так, как хотелось бы. Без кода здесь не обойтись, а использование медиазапросов решает не все вопросы.
Совместимость - слишком дорогое удовольствие в современном информационном мире, поэтому, чтобы обеспечить надлежащий функционал сайту в пределах установленных требований к веб-дизайну и реализации функционала, предпочтительно ориентироваться на минимально необходимые варианты использования: CSS hover, CSS hover focus, CSS hover active (visited). Чем больше код (как внутри браузера, так и на сервере,) контролирует веб-дизайн, тем лучше. Программа – это контроль, лучше когда этот контроль не сдается на откуп действующим стандартам, от которых часто не знаешь чего ждать.
Кнопки и другие элементы страницы
Button hover CSS – чудесное решение, но по большому счету каждый элемент страницы есть «кнопка». Сайт должен быть прежде всего живым и если в коде это не заложено, если задача создать сайт, который развивается адекватно области применения и действует с учетом поведения посетителя, то как минимум средствами CSS-стилей можно придать живость элементам страницы.
Использовать hover-эффекты удобно. С их помощью можно легко придать страницам живость, но код не ведает что делает мышка на экране, если в нем нет возможности отслеживать ее движение. С этой точки зрения, то есть когда код контролирует движение мышки (= движение пальца на смартфоне), он может самостоятельно подсвечивать элемент или преобразовывать его. Это не имеет никакого отношения к псевдоклассам, но дает полный контроль кода над внешним обликом страницы, позволяет адекватно отображать ее на различных устройствах в различных браузерах.
Подводные камни в таблицах стилей
Сказать, что стандартны в сфере описания стилей CSS не знают, что творят, нельзя, но утверждать, что они полноценно взаимодействуют с остальными стандартами в области интернет-программирования, тоже нельзя.
Стили и псевдоклассы можно описать на этапе кодирования страницы, в момент, когда сервер формирует страницу и в динамике: уже находясь внутри браузера, можно легко создать новый стиль и изменить существующий.
Использование AJAX, когда нет необходимости вновь генерировать страницу чтобы отобразить реакцию на действие посетителя, а достаточно изменить ее элемент или несколько элементов добавляет немного «перца». «Дружба» кодов - того что уже в браузере (JavaScript) и того что на сервере (PHP) – удел автора (программиста) сайта.
От того, как будет исполнен алгоритм этого взаимодействия, существенно зависит не только отображение на странице ее элементов, но и их дальнейшее восприятие кодом. Проще говоря, псевдоклассы (в частности) очень хороши для статики, вроде как для парусной яхты в чистом море при легком ветре – все очевидно, доступно и управляемо. Ежели погода изменится, или когда ветер усилится, или посетитель вызовет непредвиденную ситуацию, можно быстро налететь на риф и потерять посетителя.
Стандарт и его эмуляция
CSS style hover может быть эмулировано посредством JavaScript, путем использования событий onmouseover и onmouseout. Часто этим все и заканчивается. С позиций здравого смысла, когда речь идет о создании реально работающего сайта, лучше держать управление в своих руках, чем дарить его на откуп мифическим стандартам, которые меняются вне воли и желания разработчика.
Иногда можно прочитать что-то вроде «данная возможность доступна даже в IE», но чаще можно прочитать о том, какие описания стилей воспринимаются тем или иным браузером. Значительно реже можно узнать про то, как отличается JavaScript в тех или иных браузерах.
Оценивая накопленный опыт, восторгаясь возможностями "Хрома" и "Оперы", критикуя медлительность и инертность браузера от производителя (незабвенного, дорогого сердцу всякого программиста IE от "Майкрософт": «Старый добрый Internet Explorer не ругал только ленивый. Или тот, кто на компьютере умеет только играть в "Косынку"», - цитата неизвестного интернет-автора), следует придерживаться золотой середины: использовать то что работает везде и всегда.
Людям нужны средства для работы, когда им нужно получить острые ощущения они обычно идут в загс или театр, но не в Интернет.
Эмуляция и контроль
Раньше, когда программирование становилось на ноги, принято было слушать старших и писать правильно. Нынче слишком много старших, слишком быстро все меняется, и, если слушать всех, то времени не хватит даже на очень простую работу, на минимально функциональный сайт.
Программирование - это прежде всего контроль, а в случаях когда стандарт необъективно устанавливает правила, или можно ожидать резкой смены правила, его ликвидации и появления нового, лучшим решением было всегда не принимать никаких решений, а реализовать требуемый функционал сайта минимально возможным, но реально работающим кодом.
fb.ru
Псевдоклассы
Псевдоклассы определяют динамическое состояние элементов, которое изменяется с помощью действий пользователя, а также положение в дереве документа. Примером такого состояния служит текстовая ссылка, которая меняет свой цвет при наведении на неё курсора мыши. При использовании псевдоклассов браузер не перегружает текущий документ, поэтому с помощью псевдоклассов можно получить разные динамические эффекты на странице.
Синтаксис применения псевдоклассов следующий.
Селектор:Псевдокласс { Описание правил стиля }
Вначале указывается селектор, к которому добавляется псевдокласс, затем следует двоеточие, после которого идёт имя псевдокласса. Допускается применять псевдоклассы к именам идентификаторов или классов (A.menu:hover {color: green}), а также к контекстным селекторам (.menu A:hover {background: #fc0}). Если псевдокласс указывается без селектора впереди (:hover), то он будет применяться ко всем элементам документа.
Условно все псевдоклассы делятся на три группы:
- определяющие состояние элементов;
- имеющие отношение к дереву элементов;
- указывающие язык текста.
Псевдоклассы, определяющие состояние элементов
К этой группе относятся псевдоклассы, которые распознают текущее состояние элемента и применяют стиль только для этого состояния.
:active
Происходит при активации пользователем элемента. Например, ссылка становится активной, если навести на неё курсор и щёлкнуть мышкой. Несмотря на то, что активным может стать практически любой элемент веб-страницы, псевдокласс :active используется преимущественно для ссылок.
:link
Применяется к непосещенным ссылкам, т. е. таким ссылкам, на которые пользователь ещё не нажимал. Браузер некоторое время сохраняет историю посещений, поэтому ссылка может быть помечена как посещенная хотя бы потому, что по ней был зафиксирован переход ранее.
Запись A {...} и A:link {...} по своему результату равноценна, поскольку в браузере даёт один и тот же эффект, поэтому псевдокласс :link можно не указывать. Исключением являются якоря, на них действие :link не распространяется.
:focus
Применяется к элементу при получении им фокуса. Например, для текстового поля формы получение фокуса означает, что курсор установлен в поле, и с помощью клавиатуры можно вводить в него текст (пример 15.1).
Пример 15.1. Применение псевдокласса :focus
HTML5CSS 2.1IECrOpSaFx
Результат примера показан ниже (рис. 15.1). Во второй строке находится курсор, поэтому текстовое поле получило фокус.
Рис. 15.1. Изменение стиля текста при получении фокуса
В данном примере в текстовом поле содержится предварительный текст, он определяется значением атрибута value тега . При щелчке по элементу формы происходит получение полем фокуса, и цвет текста меняется на красный. Достаточно щёлкнуть в любом месте страницы (кроме текстового поля, естественно), как произойдет потеря фокуса и текст вернётся к первоначальному чёрному цвету.
Результат будет виден только для тех элементов, которые могут получить фокус. В частности, это теги , ,
:hover
Псевдокласс :hover активизируется, когда курсор мыши находится в пределах элемента, но щелчка по нему не происходит.
:visited
Данный псевдокласс применяется к посещённым ссылкам. Обычно такая ссылка меняет свой цвет по умолчанию на фиолетовый, но с помощью стилей цвет и другие параметры можно задать самостоятельно (пример 15.2).
Пример 15.2. Изменение цвета ссылок
HTML5CSS 2.1IECrOpSaFx
Ссылка 1 | Ссылка 2 | Ссылка 3
Результат примера показан на рис. 15.2.
Рис. 15.2. Вид ссылки при наведении на неё курсора мыши
В данном примере показано использование псевдоклассов совместно со ссылками. При этом имеет значение порядок следования псевдоклассов. Вначале указывается :visited, а затем идёт :hover, в противном случае посещённые ссылки не будут изменять свой цвет при наведении на них курсора.
Селекторы могут содержать более одного псевдокласса, которые перечисляются подряд через двоеточие, но только в том случае, если их действия не противоречат друг другу. Так, запись A:visited:hover является корректной, а запись A:link:visited — нет. Впрочем, если подходить формально, то валидатор CSS считает правильным любое сочетание псевдоклассов.
Браузер Internet Explorer 6 и младше позволяет использовать псевдоклассы :active и :hover только для ссылок. Начиная с версии 7.0 псевдоклассы в этом браузере работают и для других элементов.
Псевдокласс :hover не обязательно должен применяться к ссылкам, его можно добавлять и к другим элементам документа. Так, в примере 15.3 показана таблица, строки которой меняют свой цвет при наведении на них курсора мыши. Это достигается за счёт добавления псевдокласса :hover к селектору TR.
Пример 15.3. Выделение строк таблицы
HTML5CSS 2.1IECrOpSaFx
Пики | Трефы | Бубны | Червы | |
---|---|---|---|---|
Чебурашка | 5 | 2 | 4 | 2 |
Крокодил Гена | 2 | 7 | 1 | 3 |
Шапокляк | 5 | 4 | 3 | 1 |
Крыса Лариса | 1 | 0 | 5 | 7 |
Результат примера показан ниже (рис. 15.3).
Рис. 15.3. Выделение строк таблицы при наведении на них курсора мыши
Псевдоклассы, имеющие отношение к дереву документа
К этой группе относятся псевдоклассы, которые определяют положение элемента в дереве документа и применяют к нему стиль в зависимости от его статуса.
:first-child
Применяется к первому дочернему элементу селектора, который расположен в дереве элементов документа. Чтобы стало понятно, о чем речь, разберём небольшой код (пример 15.4).
Пример 15.4. Использование псевдокласса :first-child
HTML5CSS 2.1IECrOpSaFx
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Результат примера показан ниже (рис. 15.4).
Рис. 15.4. Использование псевдокласса :first-child
В данном примере псевдокласс :first-child добавляется к селектору B и устанавливает для него красный цвет текста. Хотя контейнер встречается в первом абзаце три раза, красным цветом будет выделено лишь первое упоминание, т. е. текст «Lorem ipsum». В остальных случаях содержимое контейнера отображается чёрным цветом. Со следующим абзацем всё начинается снова, поскольку родительский элемент поменялся. Поэтому фраза «Ut wisis enim» также будет выделена красным цветом.
Браузер Internet Explorer поддерживает псевдокласс :first-child начиная с версии 7.0.
Псевдокласс :first-child удобнее всего использовать в тех случаях, когда требуется задать разный стиль для первого и остальных однотипных элементов. Например, в некоторых случаях красную строку для первого абзаца текста не устанавливают, а для остальных абзацев добавляют отступ первой строки. С этой целью применяют свойство text-indent с нужным значением отступа. Но чтобы изменить стиль первого абзаца и убрать для него отступ потребуется воспользоваться псевдоклассом :first-child (пример 15.5).
Пример 15.5. Отступы для абзаца
HTML5CSS 2.1IECrOpSaFx
Историю эту уже начали забывать, хотя находились горожане, которые время от времени рассказывали ее вновь прибывшим в город посетителям.
Легенда обрастала подробностями и уже совсем не напоминала произошедшее в действительности событие. И, тем не менее, ни один человек не решался заикнуться о ней с наступлением темноты.
Но однажды в город вновь вошел незнакомец. Он хромал на левую ногу.
Результат примера показан ниже (рис. 15.5).
Рис. 15.5. Изменение стиля первого абзаца
В данном примере первый абзац текста не содержит отступа первой строки, а для остальных он установлен.
Псевдоклассы, задающие язык текста
Для документов, одновременно содержащих тексты на нескольких языках имеет значение соблюдение правил синтаксиса, характерные для того или иного языка. С помощью псевдоклассов можно изменять стиль оформления иностранных текстов, а также некоторые настройки.
:lang
Определяет язык, который используется в документе или его фрагменте. В коде HTML язык устанавливается через атрибут lang, он обычно добавляется к тегу . С помощью псевдокласса :lang можно задавать определённые настройки, характерные для разных языков, например, вид кавычек в цитатах. Синтаксис следующий.
Элемент:lang(язык) { ... }
В качестве языка могут выступать следующие значения: ru — русский; en — английский ; de — немецкий ; fr — французский; it — итальянский.
Пример 15.6. Вид кавычек в зависимости от языка
HTML5CSS 2.1IECrOpSaFx
Цитата на французском языке: Ce que femme veut, Dieu le veut
.
Цитата на немецком: Der Mensch, versuche die Gotter nicht
.
Цитата на английском: То be or not to be
.
Результат данного примера показан на рис. 15.6. Для отображения типовых кавычек в примере используется стилевое свойство quotes, а само переключение языка и соответствующего вида кавычек происходит через атрибут lang, добавляемый к тегу .
Рис. 15.6. Разные кавычки для разных языков
Вопросы для проверки
1. Олег сделал ссылки, которые меняют цвет фона при наведении на них курсора мыши. Для этого он использовал следующий стиль.
A { color: blue; background: orange; } A:hover { background: yellow; color: black; } A:visited { color: white; }
A:active { color: red; }
Однако некоторые ссылки при наведении на них курсора не меняли свой цвет на чёрный. Почему?
- Код CSS не валидный.
- К селектору A не добавлен псевдокласс :link.
- Псевдокласс :visited стоит после :hover.
- Псевдокласс :active стоит после :visited.
- Неверное значение свойства color у A:hover.
2. Требуется выделить фоновым цветом первую строку таблицы. Какой псевдокласс для этой цели подойдёт?
- :active
- :first-child
- :focus
- :hover
- :lang
3. К каким элементам добавляет стиль следующая конструкция — A:link:visited:hover ?
- К непосещённым ссылкам.
- К посещённым ссылкам.
- К любым ссылкам при наведении на них курсора мыши.
- К посещённым ссылкам при наведении на них курсора мыши.
- Ни к одному элементу.
Ответы
1. Псевдокласс :visited стоит после :hover.
2. :first-child
3. Ни к одному элементу.
htmlbook.ru
Внедорожник Great Wall Hover
«Hover» – компактный рамный внедорожник, некогда являвшийся флагманом в модельном ряду китайской компании «Great Wall», главной особенностью которого является хорошая приспособленность к покорению бездорожья… Серийное производство автомобиля в Поднебесной началось в 2005-м, а уже в следующем году он добрался и до российского рынка.
Свою «карьеру» этот внедорожник продолжал до 2010 года, когда и был заменен основательно модернизированным «последователем», который претерпел не только визуальные и технические изменения, но и сменил имя (получив индекс «h4» к названию).
Безусловно, во внешности Great Wall Hover моментально прослеживаются заимствования от различных моделей, но при этом он точно радует глаз своими гармоничными и весьма респектабельными формами.
Обтекаемый передок со слегка безумным взором светотехники и «клыкастым» бампером, монументальный силуэт с большой площадью остекления и «мускулистыми» арками колес, ладная корма с вертикальными фонарями и аккуратным бампером – даже по нынешним меркам автомобиль вполне хорош собой.
В длину «Ховер CUV» вытянут на 4620 мм, а ширина и высота его кузова вписываются в 1800 мм и 1775 мм соответственно. Протяженность базы колес у внедорожника насчитывает 2700 мм, а его клиренс достигает 200 мм. «Боевой» вес автомобиля варьируется от 1830 до 1880 кг в зависимости от версии.
Интерьер Great Wall Hover смотрится безлико, скучно и старомодно, и даже цветной дисплей на центральной консоли, под которым сгруппированы блоки аудиосистемы и климатической установки, не способен изменить это впечатление. Ну а усиливают эффект простоты крупное рулевое колесо с «плоским» ободом и бесхитростная комбинация приборов, предоставляющая минимум информации. Вдобавок к этому, убранство автомобиля не отличается высоким качеством отделочных материалов и добротностью сборки.
Салон пятидверки способен принять на борт водителя и четверых пассажиров, причем достаточный запас пространства обеспечен на обоих рядах сидений. Передние кресла обладают незатейливой конфигурацией, но широкими интервалами регулировок, а задний диван имеет гостеприимный профиль и мягкий наполнитель.
Багажник «Ховера» в стандартном виде – это 420 литров полезного объема. «Галерка» складывается двумя асимметричными секциями (правда, ровного пола в таком случае не выходит), что увеличивает «трюм» до 2020 литров. Полноценная «запаска» у внедорожника подвешена на улице, под днищем.
Технические характеристики. Под капотом Great Wall Hover встречаются три силовых агрегата, устанавливаемые в тандеме с безальтернативной «механикой» на пять ступеней:
- Базовый мотор – бензиновый «атмосферник» объемом 2.0 литра с четырьмя цилиндрами, 8-клапанным ГРМ и распределенным впрыском, генерирующий 122 лошадиные силы при 6000 об/минуту и 185 Нм пиковой тяги при 3000-4500 об/минуту.
- Второй бензиновый вариант – 2.4-литровая атмосферная «четверка» с многоточечным «питанием» и ГРМ типа DOHC с 16-ю клапанами, отдача которого укладывается в 130 «коней» при 5000 об/минуту и 190 Нм крутящего момента при 2500 об/минуту.
- Альтернатива им – четырехцилиндровый дизель на 2.8 литра с турбонаддувом, 16-клапанным строением и непосредственным впрыском, выдающий 95 «скакунов» при 3600 об/минуту и 225 Нм доступного потенциала при 1600-2600 об/минуту.
Все моторы стыкуются с жестко подключаемым полным приводом вида «Part Time» (по умолчанию весь запас тяги уходит назад) с понижающей передачей в «раздатке» и тремя режимами работы (2H, 4H и 4L), а «старший» бензиновый – еще и с заднеприводной трансмиссией.
С места до 100 км/ч «Ховер» ускоряется спустя 11-20 секунд, а максимально способен набрать 140-170 км/ч. Бензиновым машинам требуется 10 литров горючего в комбинированном режиме на каждую «сотню», а дизельным – 9.1 литров.
С геометрической проходимостью у внедорожника дела обстоят неплохо: углы въезда, съезда и рампы у него составляет 29, 27.5 и 16 градусов соответственно, а глубина преодолеваемого брода достигает 500 мм.
В основе Great Wall Hover лежит мощная лонжеронная гамма, на которую устанавливаются двигатель (в продольном направлении) и стальной кузов. Передняя подвеска у автомобиля независимая, торсионного типа на сдвоенных рычагах, в задней же части на винтовых пружинах подвешен неразрезной мост. Внедорожник оснащен реечным рулевым управлением с гидравлическим усилителем. И спереди, и сзади «китаец» снабжен дисковыми тормозами (вентилируемыми в первом случае) с ABS, EBD и прочей электроникой.
Комплектации и цены. На российском рынке поддержанных автомобилей в начале 2017 года «Ховер» можно приобрести по цене от 300 тысяч рублей, в то время как наиболее «свежие» и «богато оснащенные» внедорожники стоят уже свыше 900 тысяч рублей. Базовая комплектация пятидверки – это две передние подушки безопасности, гидроусилитель руля, климатическая установка, четыре электростеклоподъемника, подогрев передних кресел, ABS, EBD, 17-дюймовые колеса, противотуманные фары, штатная аудиосистема, задние датчики парковки, внешние зеркала с электроприводом и многое другое.
внедорожники Compact SUV бюджетные Отзывыauto.ironhorse.ru