Skip to content

Instantly share code, notes, and snippets.

@kdes70
Created April 27, 2016 04:42
Show Gist options
  • Save kdes70/cb018e54de33838cee206cadd99d40b3 to your computer and use it in GitHub Desktop.
Save kdes70/cb018e54de33838cee206cadd99d40b3 to your computer and use it in GitHub Desktop.
CSS DEBUGER
/* --- DEBUG ---*/
/* подсвечиваем теги без необходимых атрибутов */
img:not([alt]),
label:not([for]),
input[type=submit]:not([value]) {
outline:2px solid red;
}
/* тревога, если первый child внутри списка не li и прочие похожие примеры */
ul > *:not(li),
ol > *:not(li),
dl > *:not(dt):not(dd) {
outline:2px solid red;
}
/* подсветка слоев */
* { outline: 2px dotted red; }
* * { outline: 2px dotted green; }
* * * { outline: 2px dotted orange; }
* * * * { outline: 2px dotted blue; }
* * * * * { outline: 1px solid red; }
* * * * * * { outline: 1px solid green; }
* * * * * * * { outline: 1px solid orange; }
* * * * * * * * { outline: 1px solid blue; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment