title: How to Select Element That Does Not have Specific Class
body: <p>I'm wondering how to select an element that does not have a specific class using JavaScript, not jQuery.</p>
  
  <p>For example, I have this list:</p>
  
  <pre><code>&lt;ul id="tasks"&gt;
    &lt;li class="completed selected"&gt;One Task&lt;/li&gt;
    &lt;li&gt;Two Task&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and I select the completed task by:</p>
  
  <pre><code>var completeTask = document.querySelector("li.completed.selected");
  </code></pre>
  
  <p>But then I'm not sure how to select the list item that does not have those classes.</p>