-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hello,
i don't have much experience with css, is there a way to write this css more compact?
.transparent-grid .z-row-content { background: transparent !important; border: none !important; }
.transparent-grid .z-row-inner { background: transparent !important; border: none !important; }
.transparent-grid .z-rows { background: transparent !important; border: none !important; }
.transparent-grid .z-row { background: transparent !important; border: none !important; }
.transparent-grid .z-grid-odd { background: transparent !important; border: none !important; }
.transparent-grid .z-grid-body { background: transparent !important; border: none !important; }
.transparent-grid .z-grid-header { background: transparent !important; border: none !important; }
.transparent-grid .z-cell { background: transparent !important; border: none !important; }
in your case you can comma-separate the selectors resulting in the same styles.
e.g.:
.transparent-grid .z-row-content, .transparent-grid .z-row-inner,
.transparent-grid .z-rows, .transparent-grid .z-row,
.transparent-grid .z-grid-odd, .transparent-grid .z-grid-body,
.transparent-grid .z-grid-header, .transparent-grid .z-cell {
background: transparent !important; border: none !important;
}
Robert
Asked: 2017-07-06 15:11:20 +0800
Seen: 18 times
Last updated: Jul 07 '17