Мой любимый CSS-хак

внешний интерфейс CSS

Есть один, который я копировал в течение 5 лет.CSSФрагмент:

* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); }

Это один из моих любимых изобретений.

В 2014 году впервые в моемQuoraподелился на(What are the most interesting HTML/JS/DOM/CSS hacks that most web developers don't know about?), и теперь я все еще получаю ежедневные уведомления о людях, которые проголосовали за этот ответ.

Итак, что же делает этот ужасный фрагмент кода?

это значит когда тыиспользовать макетПрименимо, когда, например:

time-01

Проблема в том, что если элемент на странице не имеет сплошного цвета или изображения, вы не можете видеть, как он вписывается в макет. Например, большинство текстовых узлов, картинки с прозрачностью и т. Д.

Применение вышеуказанногоCSSВы увидите что-то подобное (ниже):

time-02

Ссылки и послесловия

Категории