After creating styles for my website, I encountered a challenge.
Users input specific content using a WYSIWYG editor, and I want this content to have a distinct style without affecting the rest of the site.
Despite trying various methods like , I couldn't get the desired result. Is there a way to apply a unique style to this content?
<template>
<div id="content">
<div class="content" v-html="content"></div>
</div>
</template>
export default {
name:'content',
props: {
content: {
type: String,
default: '<div>Contenu à définir</div>'
}
}
}
<style scoped>
h1, h2, h3 {
color: #94c946;
margin:0;
font-family: 'Montserrat-ExtraBold';
vertical-align:baseline
button{
font-family: 'Montserrat-ExtraBold';
border-radius: 100px;
background-color: #94c946;
color: #1B1B1B;
}
</style>