亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為 v-html 添加 CSS 樣式

為 v-html 添加 CSS 樣式

慕容3067478 2024-01-03 15:48:10
我想將樣式添加到v-html. 我嘗試了幾種解決方案,但沒有任何功能:(這是我的代碼:模板 :<div  class="para"  v-html="value" />腳本 :export default {  data () {    return {      value : "<h2> TITLE </h2> <p> PARA </p>"    }  },}風格 :.para >>> h2 {  color: blue;}.para >>> p {  color: red;}提前致謝 !
查看完整描述

2 回答

?
POPMUISE

TA貢獻1765條經驗 獲得超5個贊

如果您使用scoped不帶 SASS 的樣式,請按>>>以下方式使用組合器:


>>> .para > h2 {

  color: blue;

}


>>> .para > p {

  color: red;

}

如果您將scoped樣式與SASS 一起使用,請使用::v-deep組合器:


::v-deep .para > h2 {

  color: blue;

}


::v-deep .para > p {

  color: red;

}

否則:


.para > h2 {

  color: blue;

}


.para > p {

  color: red;

}

這是一個演示


查看完整回答
反對 回復 2024-01-03
?
倚天杖

TA貢獻1828條經驗 獲得超3個贊

2023 使用 Vue 3 + Vite 編輯:現在,當您嘗試使用上述解決方案時,您將收到此警告:


[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

所以,用這個代替


:deep(.para > h2) {

  color: blue;

}

:deep(.para > p) {

  color: red;

}


查看完整回答
反對 回復 2024-01-03
  • 2 回答
  • 0 關注
  • 236 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號