可以在Vaadin中使用w3.css吗？

Question

我刚刚学到了有关万岁的知识，我在youtube上看了一本关于CRUD TODO列表的教程。Vaadin使用Valo主题进行css渲染，但我想知道在vaadin代码中可以使用w3.css框架吗？

我试着搜索但没有答案。

Answer 1

这取决于™

如果你在问:可以用W3.css代替Valo，答案很可能是否定的，至少是开箱即用。这样做的原因是，Vaadin客户端代码会发出您在浏览器中看到的HTML代码，并且在它们的末端定义了所有的style和class标记。因此，Vaadin的任何主题都必须做的是为这个精确的模式提供样式规则；所以您必须找到一种适应的方法。或者，您必须将addStyleName放在代码中(如果它是btn在您的CSS框架中，它是v-button在Vaadin和嵌套元素可能是不同的等等)。

但是，如果您只想对应用程序的某些部分使用样式(例如，您想要一个漂亮的起始页面或添加卡片等)，那么您可以添加其他CSS并将它们一起使用。Vaadin/Valo很好地将它们的样式与页面的其余部分以及它们的层次结构隔离开来(主题名称是所有Valo规则的前缀)。然而，如果这两个主题在一起看上去很棒的话，那就是另一个故事了，但是Valo本身允许只在SASS中添加变量就可以进行相当大的调整。