CSS: Подсветка блоков по мере вложенности

Несмотря на большое наличие удобных расширений для тестирования и проверки вёрстки, у меня есть свой сниппет на 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); }
*/
В сниппете использутся одна из стандартных возможностей вложенности любых тегов, которые заменены на звездочку.
26 февраля 2018, 08:12
no comments