#hottake CSS is too hard to read

As a #UX designer, I want code to have a clear, clean syntax that is easy to understand. I was excited that Nesting would improve how to write/read CSS but I'm horribly confused, e.g. when to use &. Here is the 'help text': 

"Nesting classes without `&` will always result in descendant selectors. Use the `&` symbol to change that result"

This means nothing to me. I understand it's a complex problem but does the syntax need to be so baroque?