Д
Даниэль Ленц - блог
@dlents4.0K подп.
3.8Kпросмотров
94.3%от подписчиков
30 ноября 2025 г.
📷 ФотоScore: 4.2K
CSS костыль, про который вы не знали Знакома ли вам такая конструкция? .some_selector[class] Что делает [class]? Ну давайте по порядку. У нас есть атрибутные селекторы в CSS, которые пишутся в скобках. Например .selector[type=“text”]. И в качестве атрибута элемента можно взять class: .selector[class~="another_class"] что значит «собери все элементы с классом selector и с атрибутом класс со значением another_class». А теперь внимание за руками. Мы просто оставляем пустой атрибутный селектор class и получаем .selector[class], что значит «выбери все элементы с классом selector и с атрибутом class». Вы спросите, а что это дает? В чем разница? А разница в специфичности селекторов. .some_selector → 0,1,0 [class] → тоже 0,1,0 .some_selector[class] → 0,2,0 Вот вам и грязный хак, как без important поднять вес селектора. Но конечно это ужасный костыль и лучше прибегнуть к другим способам поднятия веса селектора, иначе потом в какой-то день вы найдете в коде [class][class][class][class] как на фото в посте. Ну и да, запись через точку .selector это просто сахар для [class~="selector"]. Знали про грязный хак? 🔥 - не знал 👀 - знал @dlents
3.8K
просмотров
1179
символов
Нет
эмодзи
Да
медиа

Другие посты @dlents

Все посты канала →
CSS костыль, про который вы не знали Знакома ли вам такая ко — @dlents | PostSniper