Только один файл CSS получает динамически назначенный идентификатор в контроллере JavaFX

Question

У меня есть файл fxml, с которым связаны две таблицы стилей, и обе таблицы стилей обрабатывают статические элементы на экране. Тем не менее, я динамически добавляю кнопки на экран и присваиваю идентификаторы этим кнопкам, когда добавляю их на экран. По какой-то причине я могу определить стили для одной из таблиц стилей, и стиль применяется к динамически создаваемой кнопке. Однако, когда я определяю стиль в другой таблице стилей, стиль не применяется. Я добавил несколько фрагментов кода ниже, чтобы помочь четко описать поведение, которое я вижу. Заранее спасибо за помощь!

SampleController.java

...
button.setId("newButton");
...

StyleSheet1.css

#newButton {
    -fx-font-size: 12px; /* This works */
}

StyleSheet2.css

#newButton {
    -fx-font-size: 12px; /* This doesn't work */
}

Sample.fxml

<stylesheets>
        <URL value="@/fxml/StyleSheet2.css" />
        <URL value="@/fxml/StyleSheet1.css" />
</stylesheets>