css样式不要应用vaadin

Question

我不明白为什么如果我设置了一个特定的样式，它在渲染页面中看不到： 这是我的代码：

@SuppressWarnings("serial")

@StyleSheet("esercizio.css")

public class ExercisesUI extends UI {

    private Navigator navigator;
    private VerticalLayout layout;
    private Label labelFirmaGruppoValue = new Label();
    HorizontalLayout soloFirmaLayout = new HorizontalLayout();

    @Override
    protected void init(VaadinRequest request) {
        layout = new VerticalLayout();
        layout.setMargin(true);
        
        String firmaGruppoValue= "nel mezzo di cammin di nostra vita";
        
        labelFirmaGruppoValue.setValue(firmaGruppoValue);
        
        labelFirmaGruppoValue.setStyleName("elementiStiliTipo18");
        soloFirmaLayout.addComponent(labelFirmaGruppoValue);
        soloFirmaLayout.setSpacing(true);
        
        layout.addComponent(soloFirmaLayout);
        
        setContent(layout);
        
    }

    @WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true)
    @VaadinServletConfiguration(ui = ExercisesUI.class, productionMode = false)
    public static class MyUIServlet extends VaadinServlet {
    }
}

这个是 esercizio.css：

.elementiStiliTipo18{
    font-weight: 700;
    font-size: 16pt;
    color: #C97000 !important;  
}

现在当我运行它时，我会得到：

可以看到类中添加了elementiStiliTipo18，但是文字是白色而不是棕色（#C97000）；

我不明白为什么，可能是 vaadin setStyle 方法上的错误？

Answer 1

文件 esercizio.css 发布的地方是错误的，只要把它放在类路径上，一切都按预期工作。