“Console.log” для верстки
Автор: Верещагин Владислав
Самый простой вариант это добавить обводку для всех элементов на странице.
* {
outline: 1px solid red;
}Можно добавить к этому добавить фон.
* {
outline: 1px solid red;
background-color: rgba(255, 0, 0, 0.1);
}Так как у универсального селектора * низкая специфичность, то для того чтобы свойство точно изменило свое значение применяется !important.
* {
outline: 1px solid red !important;
background-color: rgba(255, 0, 0, 0.1) !important;
}Следующий вариант это переназначить всем элементам разный цвет фона с прозрачностью.
* {
color: #0f0 !important;
outline: solid #f00 1px !important;
background-color: rgba(255, 0, 0, 0.2) !important;
}
* * {
background-color: rgba(0, 255, 0, 0.2) !important;
}
* * * {
background-color: rgba(0, 0, 255, 0.2) !important;
}
* * * * {
background-color: rgba(255, 0, 255, 0.2) !important;
}
* * * * * {
background-color: rgba(0, 255, 255, 0.2) !important;
}
* * * * * * {
background-color: rgba(255, 255, 0, 0.2) !important;
}
* * * * * * * {
background-color: rgba(255, 0, 0, 0.2) !important;
}
* * * * * * * * {
background-color: rgba(0, 255, 0, 0.2) !important;
}
* * * * * * * * * {
background-color: rgba(0, 0, 255, 0.2) !important;
}