在Vue元件中，我們可以使用<style scoped>標籤來新增針對該元件的CSS樣式。

<template>
    <div class="foo">
        <div v-html="myHtml"></div>
    </div>
</template>
<style scoped>
    .foo { height: 300px; }
</style>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

而如果在元件中使用了v-html，要為myHtml中的標籤新增CSS樣式，我們需要在寫樣式的時候新增>>>

.foo >>> img { max-width: 100%; }

• 1

這樣，編譯時以上CSS才會被編譯為

.foo[data-v-xxxxxxx] img { max-width: 100%; }