The Shadow Hierarchy

After restoring the nested nest, Tinker leads you deeper into the fortress. The shadows seem to follow you, and the air grows heavier – almost like a tangible presence. Eventually, you reach a hall surrounded by pillars, each marked with a different symbol.

Cursed Pseudo-Classes

You find an old console with a control panel – and an instruction note that looks like it was scribbled by a nervous mechanic with greasy fingers. Tinker immediately zaps into the system. “The columns are defined as .pillar inside the .pillars container. We have to color them without adding new classes.
So go ahead – bring order to the chaos before the system kicks us out!”

Pseudo-Classes

Solve the task here in the console [–> Open in a new tab]

CSS

.pillar:first-child {
    background-color: darkred;
}

.pillar:nth-child(even) {
    background-color: sienna;
}

.pillar:nth-child(3) {
    background-color: darkgreen;
}

.pillar:nth-child(5) {
    background-color: darkcyan;
}

.pillar:last-child {
    background-color: black;
    border: 3px solid greenyellow;
}

.pillar:not(:last-child) {
    border: 3px solid linen;
}

.pillars:has(.pillar) {
    background-color: darkslategray;
    padding: 3rem;
    max-width: 1200px;
    margin: auto;
}