這個問題是由一個打字錯誤或一個無法重現的問題引起的。雖然類似的問題可能是這里的主題，但這個問題的解決方式不太可能對未來的讀者有所幫助。

你在正確的軌道上，但是你有3個不同的打字錯誤。

您使用::n-child而不是:只有一個冒號的n-child 你用旋轉代替了旋轉 你從旋轉(180度)中丟失了deg，在那里只有一個數字

.node::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: 120px 120px;
    background-image: url('https://i.ibb.co/4p1pQtF/Component-1.png');
}

.node {
    position: relative;
    overflow: hidden;
    display: flex;
    z-index: 0;
    align-items: center;
    justify-content: center;
    height: 120px !important;
    width: 120px !important;
    margin-bottom: 10px;
    border: 1px black solid;
}

.node:nth-child(2)::before {
    transform: rotate(60deg);
}
.node:nth-child(3)::before {
    transform: rotate(120deg);
}

.node:nth-child(4)::before {
    transform: rotate(180deg);
}

.node:nth-child(5)::before {
    transform: rotate(240deg);
}

<div class="node">1</div>
<div class="node">2</div>
<div class="node">3</div>
<div class="node">4</div>
<div class="node">5</div>