vue在使用html綁定的時候,里面的元素不會繼承外部的CSS? 財富值66?
問題描述
想用vue綁定富文本生成的HTML內容,但是發現CSS樣式根本不生效,選擇器沒起作用,還沒有深入了解綁定的時候dom是怎么重繪的,是不是還有其他的替代方案?
代碼片段
<template> <div class="answertext"> <blockquote><<愛尬聊_創建詞條>p>這個是原始的標簽!</p></blockquote> {{{ answer.text }}} </div> </template><style> .answertext blockquote { border-left: 6px solid #ffffd; padding: 5px 0 5px 10px; margin: 15px 0 15px 15px; } </style>
問題詳情
以下是chrome檢查生成的HTML代碼,可以注意到原始的標簽和生成的標簽是不同的,原始html模板里的標簽都有_v-80e9c926這么個類似版本號的東西,而我綁定的標簽是沒有的。
以下是效果圖
這是為什么呢?--。