How to double-click the full css class name in VS Code?

Question

css

Good afternoon.
Switched to VS Code (v. 1.36.0), there are two problems (rather habits after years of using intellij idea) that I can not overcome. Tell me, maybe there are settings / plugins that will help overcome them.
1. For example, there is such a markup In intellij idea, when you double-click on the css-class name, it is completely highlighted (even if it contains hyphens). In VS Code, only the part of the name before the hyphen is highlighted. Is it possible to highlight the class name completely (maybe even double-click + alt or similar)? 2. Question about auto-completion in css/scss
<div class="page-content"></div>
When typing, property/value hints appear. When selecting a property from the tooltip (by enter), a colon is added automatically. But when choosing a value, a semicolon is not put down. Is there a way to set up automatic semicolons?

Answer 1

I added this rule to settings.json:

"editor.wordSeparators": "`[email protected]#$%^&*()=+[{]}\\|;:'\",.<>/?",