Ul ile queryselector ve ıd ile belirli lı seçilmiyor

N

JS-
document.querySelectorAll('#list li:not(#disabled)')

HTML - 
<ul id="list">
<li>OFF</li>
<li>OFF</li>
<li>OFF</li>
<li id="disabled">OFF</li>
<li>OFF</li>
<li>OFF</li>
<li id="disabled">OFF</li>
<li>OFF</li>
</ul>
<button type="button" id="button">Click Me</button>