Как я могу настроить таргетинг на определенный столбец или строку в макете сетки CSS?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как я могу настроить таргетинг на определенный столбец или строку в макете сетки CSS?

Сообщение Anonymous »

Можно ли с помощью CSS выбрать определенный столбец или строку сетки?
Например, предположим, что у меня есть макет сетки CSS 3 строки на 2 столбца: Grid-template-rows: 1фр 1фр 1фр; столбцы-шаблона сетки: 1fr 1fr;. Как мне выбрать все элементы из второго столбца? Например: Grid:nth-child(column:2) (просто моя идея, недопустимый код).
Я пробовал селекторы nth-child на элементы div, но это не позволяет мне указывать строку или столбец, когда элементы автоматически размещаются механизмом макета сетки CSS.

Код: Выделить всё

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



Подробнее здесь: https://stackoverflow.com/questions/463 ... rid-layout
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»