qqignatqq: .imgcat:hover .acat{} - это синтаксис наследования (то есть вы пытаетесь найти .acat вложенный в .imgcat).
А вам надо .imgcat:hover + .acat {} (то есть .acat, следующий за .imgcat на одном уровне)
qqignatqq: При такой структуре html не получится. По средствам css вы можете влиять только на дочерние элементы или же следующие друг за другом. В ином случае понадобится js
ilya_luk: К сожалению, не знаю. Попробуйте поискать среди Расширений в https://chrome.google.com/webstore Возможно, как альтернативу стоит обратить внимание на те, которые переводят выделенный текст, а не страницу целиком.
Дмитрий Петров: Дело в том, что когда вы сделали li инлайновыми (строчными) элементами, то они выровнялись по базовой линии текста (vertical-align: baseline). А базовая линия проходит под буквами без учета их хвостиков (то есть для текста "Арфа" базовая линия будет под буквами "а", хвостики от "р" и "ф" игнорируются). Но место под эти самые хвостики все же резервируется. Так и получается, что отступ под li - это зарезервированное место под хвостики букв, которые могут быть в одной строке с инлайновыми li.
С этим же явлением можно столкнуться, если заключить img (это инлайновый элемент) в div. Под картинкой будет зазор опять же из-за baseline . https://jsfiddle.net/7amy5nxt/
Выйти из положения в обоих случаях можно несколькими путями:
- задать родительскому элементу фиксированную высоту;
- задать инлайновым элементам vertical-align: middle;
- сделать инлайновые элементы блочными display: block (для отображения в строку добавить еще float:left).
В вашем случае также можно заменить line-height на padding, как предлагает quramolt
seryj09: Судя по коду вы используете индивидуальный шаблон для этой страницы, что бы отображать блог в таком дизайне. Если это так, то искать причину следует именно в шаблоне. Такое впечатление, что там забыли прописать код для ссылок.
Сергей Карвасарный: Но заказчику то вы показывали не тестовый. Из прошлой версии вопроса сложилось впечатление, что проблема была зафиксирована на устройстве заказчика. У вас есть возможность проверить тестовую версию на устройстве, где замечен баг?
