Почему не правильно срабатывает CSS селектор?

Question

[Петр Волханов]

Привет всем, пишу вот такой CSS:

footer:not(.copyright){
	font-size: 540% !important;
}
.copyright{
	font-size: 100%;
}

А увеличивается почему-то только текст с классом copyright. Почему так происходит?
Ссылка

Answer 1

[Андрей Суржиков]

Почему вы думаете что не срабатывает?
Открыл сейчас в Хроме - он там и есть 100%.

Вопрос, только, 100% от чего?

Comments

[Петр Волханов]

Андрей Суржиков Сейчас попробую убрать 100% у .copyright...

[Петр Волханов]

Андрей Суржиков Андрей, смотрите я убрал font-size:100% у .copyright, но ничего не изменилось. Ничего не понимаю....что происходит?!

[Андрей Суржиков]

Евгений Привалов: Евгений, font-size по-умолчанию 100%, так? 100% от родительского элемента.
Если я правильно понимаю, вы делаете font-size у родителя (footer) 540%, а у .copyright вообще не указываете или указываете 100%, то размер шрифта для .copyright рассчитывает от размера родителя и div *:not(.copyright) в данном случае смысла не несет.

Зачем вам размеры в % (почему не pt? не px?)

[Петр Волханов]

Андрей Суржиков: Размеры в процентах, чтобы верстка была адаптивной!

[ukoHka]

Евгений Привалов: Просто у вас font-size применяется к самому футеру. Поскольку у него нет класса .copyright, стиль font-size: 540% рименяется к нему всегда. Проблема в том, что вне span.copyright текста у вас просто нет и нечему иметь font-size: 540%

Answer 2

[Андрей Мохов]

у тэга footer - 540%
а .copyright 100% от родителя, т.е. от дива, который в footer`е

либо такой селектор используйте:

footer div *:not(.copyright) {
    font-size: 540% !important;
}

но это что-то моветон прям какой-то