Sunday, 18 August 2013

CSS Change font size only on one level without propagating change

CSS Change font size only on one level without propagating change

I'm messing around with some css grid systems based on
display:inline-block. I don't like the solution with negative 0.25em
margins that are supposed to fix whitespace problem that makes columns to
pop in a new row.
It would be much nicer to set font size to 0 but that change propagates on
child elements and than I have to reset font size for all direct children
and that makes my code less maintainable.
Is there any way to stop this propagation?
Something in the lines of .row > *:parent {font-size:0}
I searched but couldn't find much on this exact topic.

No comments:

Post a Comment