在vaadin上使用css？

Question

我正在阅读关于vaadin的第8章,我无法理解如何为每个组件定义css样式.我在styles.scss上进行了自定义,但所有自定义都转到了所有组件,我不想这样做.

例

HorizontalLayout hLayout = new HorizontalLayout();
HorizontalLayout hMainLayout = new HorizontalLayout();

我希望hLayout有一个背景图片,hMainLayout没有.

我试试这个,但不行.

.v-horizontallayout-hLayout {
     background:url("myimage.jpg");
}

.v-horizontallayout-hMainLayout {
     background: none;
}

任何的想法 ？

Answer 1

我想在用户的默认语言环境中添加一些内容:

还有一种方法被称为addStyleName(String)在某些情况下更好,特别是当您不想替换任何以前的用户定义的样式时.

BTW:你可以申请一个以上的款式setStyleName(String)/ addStyleName(String)调用它像这样:

hLayout.setStyleName("aLayout bLayout cLayout"); // replaces any previous styles
hLayout.addStyleName("dLayout eLayout fLayout"); // add styles without any replacement