JavaFX:尝试使我的按钮与.css相对应

.buttonStyle {
    -fx-background-color: #f1f1f1;
    -fx-border-color: #bbb;
    -fx-border-width: 2px;
    -fx-font-family: Arial;
    -fx-font-size: 14px;
    -fx-text-fill: #333;
}

.buttonStyle:hover {
    -fx-background-color: #ddd;
    -fx-border-color: #888;
}

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.stage.Stage;

public class MyApp extends Application {

    @Override
    public void start(Stage primaryStage) {
        Button button = new Button("Click me");
        button.getStyleClass().add("buttonStyle");

        Scene scene = new Scene(button, 200, 100);
        scene.getStylesheets().add("styles.css");

        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}