例如,使用rich-text渲染一段包含表格的html代码,给rich-text添加一个类rich-container,
然后在wxss中写入样式:
.rich-container table{
border-collapse: collapse;//合并单元格边框
}
使用标签选择器并没有生效,但是如果我给你table加一个class类名,这样就会生效
.rich-container 表格类名{
border-collapse: collapse;//合并单元格边框
}
如何在不使用类选择,id选择,行内样式前提下,给富文本中标签选择器元素的样式生效
//富文本html
<table>
<tbody>
<tr class="firstRow">
<td
width="582"
valign="top"
style="word-break: break-all; border: 1px solid black"
>
测试内容1
</td>
<td
width="582"
valign="top"
style="word-break: break-all; border: 1px solid black"
>
测试内容2
</td>
</tr>
<tr>
<td
width="582"
valign="top"
style="word-break: break-all; border: 1px solid black"
>
测试内容3<br />
</td>
<td
width="582"
valign="top"
style="word-break: break-all; border: 1px solid black"
>
测试内容4
</td>
</tr>
</tbody>
</table>
https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html#%E5%8F%97%E4%BF%A1%E4%BB%BB%E7%9A%84HTML%E8%8A%82%E7%82%B9%E5%8F%8A%E5%B1%9E%E6%80%A7:~:text=%E6%94%AF%E6%8C%81entities-,%E5%8F%97%E4%BF%A1%E4%BB%BB%E7%9A%84HTML%E8%8A%82%E7%82%B9%E5%8F%8A%E5%B1%9E%E6%80%A7,-%E5%85%A8%E5%B1%80%E6%94%AF%E6%8C%81class