Triggering Multiple Events CSS

Question

У меня есть элемент списка, который при наведении, изменяет его цвет BG, а также делает границу правой, вырастает из 0-7px. В элементе списка есть метка для радиовхода, которая включает и выключает контент при нажатии. Когда граница растет, ярлык нажимается.

Можно ли указать, что при наведении курсора мыши атрибуты X и Y произойдет с элементом списка, в то время как запуск другого css событие, чтобы изменить z-index этикетки?

Answer 1

В общем, если вы хотите навести курсор на один элемент, и этот триггер активирует действие над соседним элементом, просто используйте знак «плюс». Например,

.hoverable:hover + .actionable { 

Проверить это codepen для простого рабочего примера: http://codepen.io/Joi/pen/VKZqAX