Nuxt JS неправильно css порядок загрузки - PullRequest
Новая
       4

Nuxt JS неправильно css порядок загрузки

0 голосов
/ 11 февраля 2020

У меня проблема с загрузкой CSS в приложение Nuxt. Неправильный порядок загруженных CSS правил. Вот пример:

// component. vue

<template>
    <div class="my-component">
    ...
    </div>
</template>

<style>
.my-component {
    width: 100px;
    height: 100px;
    background-color: red;
}
</style>

// page. vue

<template>
    <div class="my-page">
        <my-component class="my-page__component" />
    </div>
</template>

<style>
.my-page__component {
    background-color: blue;
}
</style>

// build. css 

.my-page__component {
    background-color: blue;
}
.my-component {
    width: 100px;
    height: 100px;
    background-color: red; /* winning rule (wrong) */
}

Приоритет внутренних стилей компонента выше внешнего, что неправильно (и отлично работает в SPA, но не в Nuxt). Есть ли у вас какие-либо идеи, как это исправить, я - общая проблема?

...