Pick the square
CSS editor
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
→
/* Hover the lower block to
see the hint */
/*
might help
*/
HTML editor
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<circle/>
<square/>
<jar/>
<circle/>
<jar>
<circle/>
</jar>
<circle/>
<circle/>
<circle/>
<square/>
<square id="purple"/>
<square/>
<jar>
<circle id="purple"/>
</jar>
<circle id="purple"/>
<jar>
<circle/>
</jar>
<jar>
<circle id="purple"/>
</jar>
<square class="small"/>
<square class="small"/>
<square/>
<circle class="small"/>
⋋_⋌
⋋_⋌
<circle class="small"/>
<circle angry="" class="small"/>
<circle/>
<circle angry="" class="small"/>
<square/>
<square/>
<square/>
<square/>
⋋_⋌
⋋_⋌
<circle/>
<circle class="small"/>
<circle angry="" class="small"/>
<circle angry="" class="small"/>
<circle class="small"/>
⋋_⋌
<circle/>
<square/>
<square id="purple"/>
<circle angry="" class="small"/>
<circle id="purple"/>
see the hint */
/*
might help
*/