title: CSS selector for only two classes and no others
body: <p>I am looking for some kind of CSS selector that will only select certain cells from a table that <strong>only</strong> have these two specific classes and nothing else. Here is an example for a bit more clarity.</p>
  
  <p>So in this table i want to select cells A and D for styling from the row but the only distinguishable way to select them is that they don't have any classes other than .abc and .xyz. So essentially i need to fitler out any cells that have any other classes i.e. .def, .ghi.</p>
  
  <pre><code>&lt;tr&gt;
    &lt;td class="abc xyz"&gt;A&lt;/td&gt;
    &lt;td class="abc xyz def"&gt;B&lt;/td&gt;
    &lt;td class="abc xyz ghi"&gt;C&lt;/td&gt;
    &lt;td class="abc xyz"&gt;D&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Now i know i could go about it using the not selector but these classes are injected into table from an external source and new classes could be added and i don't really want to keep adding to an ever growing list of classes to ignore.</p>
  
  <pre><code>td.abc.xyz:not(.def),
  td.abc.xyz:not(.ghi) {
    /* Style to apply */
  }
  </code></pre>
  
  <p>So if anyone could point me in the right direction to anything that could help, it would be greatly appreciated.</p>