Как задать стиль для всех тегов span, кроме тех, которые внутри контейнера?

Question

[MrSusua]

Добрый день!

И не профан, вроде, а не могу составить выражение.

Необходимо задать стиль для всех элементов span на странице, кроме всех span внутри контейнера .container. Вариант с перезаписью не предлагать. Мне необходимо именно исключить все span внутри контейнера из выборки и назначить им другой стиль.

Вот код для примера: https://jsfiddle.net/4e8mqL6y/

Заранее спасибо!

Answer 1

[Александр Гамов]

div:not([class*="container"]) span{
some style
}

Можно без указания div, но не думаю, что у вас где-то есть span без обертки )

Comments

[MrSusua]

Нет, не работает...

Вот я подготовил плацдарм https://jsfiddle.net/4e8mqL6y/

[Александр Гамов]

А вот теперь самому интересно.
div[class='container'] span {color:blue;}
span {color:red;}
отрабатывает, а с псевдоклассом - нет ...

[Александр Гамов]

div:not([class]) span {color: blue;}
и
div:not([class="row"]) span {color: red;}

Тоже нормально отбивает. WTF

Answer 2

[mr_firuzinho]

а можно еще легче :
.content>span {}

Answer 3

[MrSusua]

В общем, промучившись пол-дня написал стиль без перезаписи стилей.
Если кому интересно, вот он:

.content > span, 
.content > :not(.container) span {
  color: blue;
}

.container span {
  color: red;
}

Если кто-нибудь знает как вот это правило записать одной строкой, напишите:

.content > span, 
.content > :not(.container) span {
  color: blue;
}