子元素焦点状态更改父元素SASS @ at-root的样式

Question

当下面代码中的子元素span.icon-hamburger收到焦点状态时，我想要更改li元素的样式。使用SASS解决方案，我读了@ at-root可以在这里工作。但是，我无法使用@ at-root为此用例找到SASS解决方案。你对这个用例有什么想法？

HTML：

<ol> 
    <li> 
    <span class="icon-hamburger"></span> 
    </li> 
</ol> 

CSS/SASS：

.icon-hamburger:focus { 
    @at-root ol li #{&} { 
    background-color: #fff; 
    } 
} 

Answer 1

从this excellent answer by Dan Herbert:

目前还没有办法选择CSS元素的父。

如果有办法做到这一点，那将是无论是在当前的CSS选择规范的：

Selectors Level 3 Spec

CSS 2.1 Selectors Spec

在此期间，你将不得不诉诸JavaScript，如果你需要选择一个父元素。

N.B.，有一些关于在CSS4中这样做的可能性的讨论。