SimpleIsm

階層構造の可視化

CSS

*:before {
   display: block;
   content: attr(class);
   font-weight: bold;
}

* {
   margin: 0.5%;
}

* * {
   background-color: #ffffff;
}

* * * {
   background-color: #eeeeee;
}

* * * * {
   background-color: #dddddd;
}

* * * * * {
   background-color: #cccccc;
}

* * * * * * {
   background-color: #bbbbbb;
}

* * * * * * * {
   background-color: #aaaaaa;
}

* * * * * * * * {
   background-color: #999999;
}

* * * * * * * * * {
   background-color: #888888;
}

* * * * * * * * * * {
   background-color: #777777;
}

* * * * * * * * * * * {
   background-color: #666666;
}

* * * * * * * * * * * * {
   background-color: #555555;
}

* * * * * * * * * * * * * {
   background-color: #444444;
}

* * * * * * * * * * * * * * {
   background-color: #333333;
}

* * * * * * * * * * * * * * * {
   background-color: #222222;
}

* * * * * * * * * * * * * * * * {
   background-color: #111111;
}

* * * * * * * * * * * * * * * * * {
   background-color: #000000;
}

そのサンプル。見れないこともないけど…。