Как уменьшить размер шрифта надписи Vaadin Label?

Question

Я знаю, как добавлять стили в Vaadin, и я сделал несколько стилей в своем CSS и добавил стиль в коде успешно, но этот меня ускользает.

Я попытался следующие:

в CSS У меня есть следующий стиль:

.v-caption-mystyle .v-captiontext { 
    font-size: 13px !important; 
    font-weight: bold; 
    color: $dark-grey; 
    } 

В коде я пытаюсь установить его в двух следующих способов, и ничего не происходит:

postalCodeLabel= new Label(currentAddress.getPostalCode()); 
postalCodeLabel.setCaption("Postal code")); 
postalCodeLabel.addStyleName("v-caption-mystyle"); 

postOfficeLabel = new Label(currentAddress.getPostOffice()); 
postOfficeLabel.addStyleName("v-caption-mystyle"); 
postOfficeLabel.setCaption("Post office")); 

EDIT: Ответ викторины Тхакура. В моем случае также это работало:

.v-caption-invoiceaddress-label-caption .v-captiontext { 
    font-size: 13px !important; 
    font-weight: bold; 
    color: $dark-grey; 
    } 

И в Java:

postalCodeLabel = new Label(currentAddress.getPostalCode()); 
postalCodeLabel.setCaption("myCaption")); 
postalCodeLabel.addStyleName("invoiceaddress-label-caption"); 

Answer 1

Вот код для темы SCSS файла:

@import "../valo/valo.scss"; 

@mixin mytheme { 

    // Insert your own theme rules here 
    .v-caption-mystyle { 
     .v-captiontext { 
      font-size: 13px; 
      font-weight: bold; 
      color: red; 
     } 
    } 

    @include valo; 
} 

И вот код Java:

Label label = new Label("This is the label text"); 
label.setCaption("This is the label caption"); 
label.addStyleName("mystyle"); 

Answer 2

Я принимаю PLabel либо опечатка или пользовательский реализация класса Label. Если это так, просто, хотя вы настраиваете подпись в классе Label, класс CSS является v-меткой. Поэтому ваш CSS должен выглядеть так.

.v-caption-mystyle { 
    font-size: 13px !important; 
    font-weight: bold; 
    color: $dark-grey; 
    }