CSS无法实现。
CSS针对HTML元素,属性和属性值。
网格列和行没有这些“挂钩”。
您必须直接定位网格项目。
你写了:
例如,假设我有一个3行2列的CSS网格布局:
grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr;。如何从第二列中选择所有元素?
grid-container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-gap: 10px; padding: 10px; height: 50vh; background-color: gray;}grid-item { background-color: lightgreen;}grid-item:nth-child(2n) { border: 2px dashed red;}<grid-container> <grid-item></grid-item> <grid-item></grid-item> <grid-item></grid-item> <grid-item></grid-item> <grid-item></grid-item> <grid-item></grid-item></grid-container>


