Наведите указатель мыши на дочерний элемент, измените CSS на родителя?

Question

Я использую ZeroClipboard для копирования в буфер обмена. Это помещает невидимое флеш-ролик поверх моего элемента, это позволяет получить доступ к буферу пользователей.

У меня возникли проблемы с css.

У меня есть список, с элементами выглядит как:

<li> 
    <div class="btn-holder"> 
     <div class="clipboard">copy to clipboard</div> 
    </div> 
</li> 

Вот CSS (SASS):

li{ 
    &:hover .btn-holder{ 
     opacity: 1; 
    } 
} 

.btn-holder{ 
    opacity: 0; 
} 

При наведении курсора на элемент Ли, это ребенок .btn держатель элемента исчезает.

Проблема, с которой я сталкиваюсь, заключается в том, что когда пользователь наводит курсор на флеш-фильм (это над div с классом .clipboard), зависание над элементом li выходит из строя, а .btn-holder исчезает o ет.

ZeroClipboard предвидели это и добавил класс к элементу, когда он завис, так и на парения .clipboard будет иметь класс:

zeroclipboard-is-hover 

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

Answer 1

В настоящее время в CSS (или SCSS) нет способа выбрать родительский элемент. Вам нужно будет сделать это через JS с помощью метода .parent() и добавить активный класс, который имитирует ваше зависание.