@postya

Почему не работает стилизация для слотов во Vue?

Приложение на Vue 3
имеется дочерний компонент. В нем есть slot, в этот слот я буду размещать несколько тегов в родительском компоненте.
Почему не работает стилизация для каждого из элементов в slot в дочернем компоненте?

Дочерний компонент:

<template>
  <div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "SnippetItem"
};
</script>

<style scoped>
.snippet-item p {
  color: red;
}
</style>

Главный компонент:
<code>
 <SnippetItem>
          <div class="snippet-item">
            <h3>Title</h3>
            <p>Description</p>
            <div class="tags">
              <span>Frontend</span>
            </div>
          </div>
        </SnippetItem>
</code>
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы