Можно применять такую css(sass) конструкцию?

Question

[Игорь Нистаков]

Допустима ли такая конструкция? Если нет - посоветуйте как можно это описать иначе

.selector
//something properties

  &:focus > img
    transform: rotate(0deg)
    
  &:hover, &:focus
    cursor: pointer
    background-color: lighten($circle, 10%)
    -webkit-box-shadow: 0 8px 15px 0 rgba(0,0,0,0.3)
    box-shadow: 0 8px 15px 0 rgba(0,0,0,0.3)

  &:focus ~ .subs button:nth-of-type(2)
    transform: scale(1)
    opacity: 1
  &:focus ~ .subs button:nth-of-type(3)
    transform: scale(1)
    opacity: 1

Answer 1

[DTX]

Да вроде применима.
codepen.io/anon/pen/dXGRqB
Только вот как вы будете вкладывать элементы в элемент, который может быть :focus?
Я про строчку
&:focus > img

*первый раз почему-то ссылка не прикрепилась