PhpStorm. Disable CSS codestyle formatting

Question

Currently I'm working with Vue.js components.

The problem is that I have such a style block

<style scoped>
    .some-class >>> .multiselect__tags {
        /*...*/
    }
</style>

and PhpStorm 2017.3.6 is constantly converting it into

<style scoped>
    .some-class > > > .multiselect__tags {
        /*...*/
    }
</style>

what is, obviously, an error, cause >>> is a Vue.js-specific combinator. More about it here.

Did I miss a solution except for the /deep/ combinator?

LazyOne · Accepted Answer · 2018-03-27 11:01:04Z

3

You will have to upgrade your IDE to next 2018.1 version -- it was fixed there (see https://youtrack.jetbrains.com/issue/WEB-26828)

You may use Release Candidate build meantime if you need this functionality right now in PhpStorm.

answered Mar 27, 2018 at 11:01

LazyOne

167k49 gold badges420 silver badges422 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Just a small note. PhpStorm has just been released. Works as expected.