@PaulMaly вы правы, инкапсуляция остается даже если вложенность селекторов где-то

Question

Svelte [svelt] - All about Svelte JavaScript framework.

@PaulMaly вы правы, инкапсуляция остается даже если вложенность селекторов где-то

выше или в другом месте повторяется https://svelte.technology/repl?version=2.16.0&gist=6c5e0df482170c957d276a4dd7b9a0e7

Возможно опять ошибаюсь, но есть один "-" в создании доп. родительського селектора . Допустим этот же пример https://svelte.technology/repl?version=2.16.0&gist=6c5e0df482170c957d276a4dd7b9a0e7 но если нам в файле Widget не нужна класс-обертка "widget"
Вместо
Widget.html

<div class="widget">
foo: {foo}
bar: {bar}
baz: {baz}
<Tundra classes="test"/>
</div>
так
Widget.html

foo: {foo}
bar: {bar}
baz: {baz}
<Tundra classes="test"/>
. Как быть в этом случае?

#programming #russian #svelte

0

06.02.2019

2 ответов

8 просмотров

Pavel 🦇 Malyshev

В примере REPL ты создал глобальный стиль, а не изолированный на самом деле

0

06.02.2019

Pavel 🦇 Malyshev · Accepted Answer

Короче то чем я писал в статье работает супер просто на самом деле)) Если мы пишем стили в компоненте то происходит вот что: .submit button {...} /* после компиляции */ .submit.svelte-aaa button.svelte-aaa {...} Если добавить :global: .submit :global(button) {...} /* после компиляции */ .submit.svelte-aaa button {...} Все что он делает 😂

169 похожих чатов

@PaulMaly вы правы, инкапсуляция остается даже если вложенность селекторов где-то

2 ответов

Похожие вопросы