Selecting everything except one element [closed]

Question

I'm trying to discover a way of selecting all elements except one specific element. In this case, the :not(selector) isn't working.

What's the best way to select all elements inside a container except for one of the specified elements?

.container not:(.test2) {
  color: red
}

<div class='container'>
  <p class='test'>test</p>
  <p class='test'>test</p>
  <p class='test'>test</p>
  <p class='test'>test</p>
  <p class='test2'>test 2</p>
</div>

Answer 1

Correct the syntax (add ":" in front of "not"):

.container :not(.test2) {
  color: red;
}

<div class='container'>
<p class='test'>test</p>
<p class='test'>test</p>
<p class='test'>test</p>
<p class='test'>test</p>
<p class='test2'>test 2</p>
</div>

Answer 2

This is the correct syntax, you should match the siblings instead of the parent..

.container *:not(.test2) {
  color: red
}

<div class='container'>
<p class='test'>test</p>
<p class='test'>test</p>
<p class='test'>test</p>
<p class='test'>test</p>
<p class='test2'>test 2</p>
</div>

Answer 3

Use

.container :not(.test2) {
        color: red;
 }

To select everything except .test2

All pseudo classes begin with a :