是否可以使用CSS选择特定的网格列或行？

例如，假设我有一个3行2列的CSS网格布局：grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr;。如何从第二列中选择所有元素？例如：（grid:nth-child(column:2)仅是我的主意，无效的代码）。

我已经尝试过nth-child在div元素上使用选择器，但是当网格布局引擎自动放置项目时，这不允许我指定行或列。

body {

  display: grid;

  grid-template-rows: 1fr 1fr 1fr;

  grid-template-columns: 1fr 1fr;

  grid-gap: 10px;

}



.item {

  background: #999;

}


<div class="item">

  <p>Customer Name</p>

  <p>Element 1 | Element 2</p>

</div>



<div class="item">

  <p>Right Justify</p>

  <p>Element 1 | Element 2</p>

</div>



<div class="item">

  <p>Customer Name</p>

  <p>Element 1 | Element 2</p>

</div>



<div class="item">

  <p>Customer Name</p>

  <p>Element 1 | Element 2</p>

</div>

<div class="item">

  <p>Customer Name</p>

  <p>Element 1 | Element 2</p>

</div>

<div class="item">

  <p>Customer Name</p>

  <p>Element 1 | Element 2</p>

</div>

<div class="item">

  <p>Customer Name</p>

  <p>Element 1 | Element 2</p>

</div>