Is it possible to write css using number of child/sibling elements?
for example
tr with 4 .container /* tr .container */
{
width:25%
}
tr with 3.container /*tr .container*/
{
width:33%
}
Asked
Active
Viewed 49 times
0
Vignesh Subramanian
- 6,921
- 12
- 78
- 142
-
3No...not that simply but you could have multiple [**Quantity Queries**](http://quantityqueries.com/)...but the CSS would be quite bloated. A Pre-processor like LESS or SASS could help but still generate a lot of CSS. – Paulie_D Oct 09 '15 at 12:13
-
Try [nth-child()](http://www.w3schools.com/cssref/sel_nth-child.asp) css selector. – Deepak Biswal Oct 09 '15 at 12:15
-
That said, there are some `display` layout options that can do this for you depending on your actual requirement. – Paulie_D Oct 09 '15 at 12:16
-
`jquery` might be the option here.. – Guruprasad J Rao Oct 09 '15 at 12:16
-
well in the case of your example, flexbox would be good – Jesse Oct 09 '15 at 12:17
-
2This should help : http://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has – web-tiki Oct 09 '15 at 12:17