Есть много элементов с классом main-gridContainer-gridContainer
, которые нужно уменьшить.
Тогда я в CSS прописываю
.main-gridContainer-gridContainer {
--minimumColumnWidth: 240px !important;
}
И всё идеально, все такие элементы на всех страницах стали нужного размера.
Но а если мне нужно что бы у одного из таких элементов было не 240px, допустим, 150px.
Как его обозначить в CSS? Я его нашел, и это
document.querySelector('.test-testOverview-overview
.contentSpacing
.test-testtOverview-testShelfSpacer
.main-gridContainer-gridContainer')
Как его записать в CSS?
!important
то и тут придётся его впихивать.main-gridContainer-gridContainer .другой-класс{}
.main-gridContainer-gridContainer
на странице с классом.test-testOverview-overview
, а нужно только первый. Попробовал, с псевдоклассом.test-testOverview-overview .contentSpacing .test-testtOverview-testShelfSpacer .main-gridContainer-gridContainer:first-child {--minimumColumnWidth: 150px !important;}
,но что то не получается..main-gridContainer-gridContainer:first-child {--minimumColumnWidth: 150px !important;}
после строки где написано про250px