如何正确使用:has和:nth-last-child

.layout:has(.card:nth-last-child(n + 4)) { --layout-4: true; grid-template-columns: repeat(auto-fit , minmax(180px, 1fr)); } 现在，我们有一个CSS变量--layout-4，只有当我们有4个或更多的项时才会被切换。 @container style(--layout-4: true) { .card { flex-direction: column; } .card__thumb