JSFiddle - React, Tailwind, and code Playground

by Trufa

HTML

<div id="a">
    <div id="b">
        <div id="">
            <div id="d">
                <div id="e">
                    <div id="f">
                        <div id="g">
                            <div id="h">
                                <div id="i">
                                    <div id="j">
                                        <div id="k">
                                            <div id="l">
                                                <div id="m">
                                                    <div id="n">
                                                        <div id="o">
                                                            <div id="p">
                                                                <div id="q">
                                                                    <div id="r">
                                                                        <div id="s">
                                                                            <div id="t"><div id="u"><div id="v"><div id="w"><div id="x"><div id="y"><div id="z">   
                                                                                
                                                                                
                                                                                </div>
                                                                                </div>
                                                                                </div>
                                                                                </div>
                                                                                </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                         ...

CSS

#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n{
    
    border:2px solid black;
    margin: 2px;
    width:100px;
    height:100px;
    
}

#o, #p, #q, #r, #s #t, #u, #v, #w, #x, #y, #z{
    
    border:2px solid black;
    margin: 2px 0 0 -2px;
    width:100px;
    height:100px;
    
}

#a:hover, #b:hover, #c:hover, #d:hover, #e:hover, #f:hover, #g:hover, #h:hover, #i:hover, #j:hover, #k:hover, #l:hover, #m:hover, #n:hover #o, #p, #q, #r, #s, #t, #u, #v, #w, #x, #y, #z{
    
    border:2px solid red;
    
}