Skip to content

Instantly share code, notes, and snippets.

@cvan
Created May 4, 2023 08:22
Show Gist options
  • Save cvan/6a21e2aae04c984d713516e038d2d1b8 to your computer and use it in GitHub Desktop.
Save cvan/6a21e2aae04c984d713516e038d2d1b8 to your computer and use it in GitHub Desktop.
css debug - with nested outlines for DOM levels
* {
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;
}
* * * * * * * * {
outline: 1px solid pink;
}
* * * * * * * * * {
outline: 1px solid purple;
}
* * * * * * * * * * {
outline: 1px solid yellow;
}
* * * * * * * * * * * {
outline: 1px solid cyan;
}
* * * * * * * * * * * * {
outline: 1px solid fuschia;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment