子元素焦點狀態更改父元素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中這樣做的可能性的討論。