CSS Hover: как справиться с несколькими изображениями для CSS-трюка «зависать на всем, кроме»?

Question

Вот пример кода с использованием уникального трюка CSS: http://dabblet.com/gist/39d1dec4f1be8c01bb25010dda986922

Единственное, что я хочу изменить:
Измените три кнопки изображения «A» на кнопку изображения «A», кнопка изображения«B» и кнопка с изображением «C».

Как я могу сделать это, используя CSS без привязки изображений в строке?

Answer 1

Ответ заключается в том, чтобы просто связать каждое изображение: A, B, C в отдельном <li> в CSS.Затем используйте div, который окружает весь <ul> в HTML, чтобы заменить изображения в кнопках «наведите на все, кроме».

Вы можете увидеть решение здесь: http://dabblet.com/gist/08d37a65488d85c290887be76a33a2ad