Programmiererforum

body {
display: grid;
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}

.item {
background: #999;
}

Customer Name
Element 1 | Element 2

Right Justify
Element 1 | Element 2

Customer Name
Element 1 | Element 2

Customer Name
Element 1 | Element 2

Customer Name
Element 1 | Element 2

Customer Name
Element 1 | Element 2

Customer Name
Element 1 | Element 2

Ist es möglich, eine bestimmte Rasterspalte oder -zeile mit CSS auszuwählen?
Angenommen, ich habe ein CSS-Rasterlayout mit 3 Zeilen und 2 Spalten: Grid-Template-Rows: 1 Fr. 1 Fr. 1 Fr.; Rastervorlagenspalten: 1fr 1fr;. Wie würde ich alle Elemente aus der 2. Spalte auswählen? Zum Beispiel: grid:nth-child(column:2) (nur meine Idee, kein gültiger Code).
Ich habe nth-child-Selektoren ausprobiert die div-Elemente, aber dadurch kann ich keine Zeile oder Spalte angeben, wenn die Elemente automatisch von der CSS-Rasterlayout-Engine platziert werden.


[code]body {
display: grid;
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}

.item {
background: #999;
}[/code]
[code]
Customer Name
Element 1 | Element 2

Right Justify
Element 1 | Element 2

Customer Name
Element 1 | Element 2

Customer Name
Element 1 | Element 2

Customer Name
Element 1 | Element 2

Customer Name
Element 1 | Element 2

Customer Name
Element 1 | Element 2
[/code]