CSS - wybranie elementów, które nie mają rodzica z określoną klasą

https://jsfiddle.net/o9aj8y7a/

Mam tu problem w CSS. Chciałbym napisać taki selektor, który wybierze inputy, które nie mają rodzica o klasie "headerContent". Jak to zrobić? Probowałem tak:

:not(div#headerContent) input {

ale nie działa.

Spróbuj w drugą stronę:
Załóżmy, że chcesz, aby te Twoje inputy, które nie mają rodzica .headerContent, miały czerwoną obramówkę:

input {
  border: 1px solid #ff0000;
}

.headerContent input {
  border: none;
}

nie znam sie na tym ale co z?

.input_text{
	display: block;
	position: relative;
	background-color: red;
}

div#headerContent {
	height: 50px;
	background-color: #184875;
}

@Patryk27 To że można w taki sposób to wiem, ale mam dużą webową apkę i gdyby się dało w taki sposób jak ja chcę to by zaoszczędzało sporo kodu.

@Craith WTF?

https://jsfiddle.net/fzvcsy81/

Coś takiego ?