легко и просто… у этих элементов должен быть один родитель, тогда:
.two { display: none;}
.one:hover ~ .two { display: block; } (если элемент .two следует сразу за элементом .one то тогда используем + в сетекторе
те проблемы которые решает методология БЭМ на данный момент решаются сборщиками: webpack к примеру позволяет ваши компоненты реакта и его стили отделить от других только лишь автоматическим переименованием классов css и не более того… это все такие далеко не тоже самое что позволяет бэм, не говоря уже о нормальном именовании классов без всяких хэшей в имени
ну прописывать id «для каждого элемента» и вправду выглядит странно, а если там DOM дерево с огромным количеством узлов? 100% что id повторится не единожды, а это уже нарушение семантики. Хотя если фронтендщик упорно оперировал фразой «id сегодня не используются», то я соглашусь с вами :)
Считаю такие задания полнейшим кидаловом! Просят отверстать адаптивные email письма под все платформы, коих более 20.
Если результатом твоего задания будет конечный продукт, а в конце просят предоставить исходный код — стоит задуматься.
а от какой нагрузки подгорали контакты?
сейчас в той же ситуации что места в щите нет)
.two { display: none;}
.one:hover ~ .two { display: block; } (если элемент .two следует сразу за элементом .one то тогда используем + в сетекторе
Если результатом твоего задания будет конечный продукт, а в конце просят предоставить исходный код — стоит задуматься.