Impress.js: CSS3 выберите один идентификатор в другом

Question

Мне было интересно, возможно ли это в CSS3. Я использую impress.js и задавался вопросом, могу ли я вызвать преобразование после того, как он изменит класс div.

#slide-4.step.active { 
#logo img { 
transform: scaleX(-1); 
} 
} 

Слайд-4 вот-вот станет активным, если активен класс. Мне было интересно, могу ли я получить доступ к другому изображению в другом div, чтобы преобразовать его, чтобы перевернуть его. Было интересно, если я мог бы выбрать другой DIV в селекторе сНу

Answer 1

Если DIV ребенок DIV Я думаю, что это вполне выполнимо, что-то вроде:

#slide-4.step.active > #logo img { transform:scaleX(-1); } 

Обычно, если вам нужна интерактивность снаружи простого навигационного меню, попробуйте написать поведение в jQuery; большая часть работы уже сделана для вас! Это выглядело бы как-то в jQuery (я использую короткий псевдокод, не пытаюсь копировать/вставлять):

$('#slide-4.step.active').change(function(){ 
    $('#logo img').transform(-1,0); 
});