I am not the hugest fan of JSS, because it’s too new for me, look strange and doesn’t have a decent auto-compilation (this one is the worst). But JSS has its solid advances. Here is a brief cheat sheet of the selectors I use the most and always forget:
Add encapsulation in the class, notice that in the CSS the class ends with "-0-1-626" which makes styles encapsulated.
container:{
width:1024;}
.container-0-1-626{color: 1024px;}
Encapsulated class with nested selector. This is useful when you need to style framework component or library.
container:{'& .btn':{
width:500},// not working in IE6 or earlier'&.btn':{
width:500}}