如果我有:
<style>
.special
{
all: unset;
width: 100%;
border: 1px solid #ddd;
}
</style>
<table><tr><td>1</td></tr></table>
<table><tr><td>2</td></tr></table>
<table><tr><td>3</td></tr></table>
<table><tr><td>4</td></tr></table>
<table><tr><td class="special">5</td></tr></table>
尽管它应该,但最后一个表的宽度不会达到100%。我已经在FF,Chrome等中测试了这个片段,它们似乎都可以工作,但无论出于何种原因,Vaadin RichTextArea
都没有。会发生什么是没有应用任何样式,一切都没有设置。
考虑到这一点,有一种方法可以取消设置特定元素的css属性,以保证该元素的特定外观(在本例中为表),因为生成的html可能具有以下内容:
<style>
table
{
width: 50%;
border: 1px dashed #ddd;
}
</style>