Jwtlm

Just wondering if there is a difference with the selectors below .class1.class2{color:blue;}.class2.class1{color:green;} I find that both will work with the following (not together) <div class='class1 class2'>TEXT</div> Reason for this is that in my code some class gets injected into the DOM dynamically on page load in random order. The selectors should work independent of the order of the classes. Thanks

Ah that makes sense. Thanks for your help

There something which I don't really understand, I have the following code HTML snippet <div class="outer"><div class="inner">STUF SDF DFSD FDF SDFSDF SDSD FDSFDSF DF sdad asd ad asd asd ad asd das dsad sa dsa dasd sad asd assvdf dfasdf asdf ad fsafd DSF D F</div></div> and the following CSS .outer{ display:table; width:100%;}.inner { display:table-cell; max-width:200px; height:50px; background-color:silver; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} If the calculated table width is longer than 200px for example 500px, then I would expect the inner div to stop at 200px and the content inside would also stop at 200px. But in reality the inner content actually stretches to the width of the table. Is this the correct behaviour? Thanks