от вопрос уже есть ответ здесь:

Мне нужно стилизовать текст во всех элементах HTML-документа, кроме тех, которые вложены в определенный класс. Я не имею никакого контроля над HTML, я могу только изменить CSS.

Вот кусок кода:

<div class="container">
  <div class="column c1">
    <div class="text">
      text in column 1
    </div>
  </div>
  <div class="column c2">
    <div class="text">
      text in column 2
    </div>  
  </div>
  <div class="column c3">
    <div class="text">
      text in column 3
    </div>  
  </div>
</div>

я хочу всеtext элементы, кроме тех, что вc1 элемент, чтобы быть смелым. Я не знаю заранее, сколько столбцов может быть.

Я попробовал следующий CSS, который использует:not селектор, но он выделяет все жирным шрифтом:

.container {
  display: flex;
}

.column {
  padding: 0 1em;
}

:not(.c1) .text {
  font-weight: bold;
}

Почему не:not селектор работает? Что я делаю неправильно?Вот jsfiddle попробовать.