详解三种方式解决vue中v-html元素中标签样式

<template>
 <div class=\"hello\">
 <section>
  <h2 class=\" \">{{news. }}</h2>
  <p class=\"news-time\">{{news.datetime}}</p>
  <div class=\"con\" v-html=\"news.dec\">
  </div>
  <button class=\"back\" @click=\"goBack()\">返回列表</button>
 </section>
 </div>
</template>

<style scoped lang=\"less\">
.con{
 p {
 font-size: 14px;
 line-height: 28px;
 text-align: left;
 color: rgb(238, 238, 238);
 color: #585858;
 text-indent: 2em;
 }
}
</style>

<style scoped>
 .introduction{ 
 width: 100%; 
 margin-bottom: 3rem;
 }
</style>

<style>
 .introduction img{
 width: 100%;
  -fit: fill;
 }
</style>

.introduction>>> img{
 width: 100%;
  -fit: fill;
}