Возникли проблемы с объединением моего файла CSS с файлом JavaFX. Пара проблем ⇐ CSS

[Anonymous]

Я прошу помощи, потому что я пробовал несколько способов объединить мой CSS-файл с моим файлом JavaFX. Я считаю, что делаю это правильно, но, возможно, я использую неправильный синтаксис в CSS или, может быть, просто неправильный функционирует в целом.
Формат файла:
Файл JavaFX находится в src>main>java>com>кругах
Файл CSS находится в src>main>java>resources>styleSheet.css
Ожидаемые результаты:
Создание рамки JavaFX, содержащей четыре круга, первые два из которых белые. , а вторые два — зеленый и красный. В первом круге слева и справа от круга будут две вертикальные линии.
Ошибка:
Это ошибка с моей стороны, и не IDE, так как в настоящее время мне показываются выходные данные, которые показывают только три черных круга с двумя очень маленькими черными линиями, а в моем первом круге отсутствует круг вместо ожидаемых результатов.
Любая помощь будет потрясающей, я опубликую код ниже, и у меня есть несколько разных примеров. код того, как я пытался заставить его работать, вместо того, чтобы использовать один и тот же метод для всех из них.

package com.example.circles;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.Pane;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Line;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class circles extends Application {

@Override
public void start(Stage primaryStage) {

// Pane to hold the shapes

Pane pane = new Pane();

// Rectangle Black stroke with transparent fill

Rectangle rectangle = new Rectangle(50, 50, 700, 400);

rectangle.getStyleClass().add("border");

// Circle 1: White fill, black stroke
Circle circle1 = new Circle(100, 150, 50);
circle1.setId("white-circle");

// Circle 2: White fill, black stroke
Circle circle2 = new Circle(250, 150, 50);
circle2.setId("white-circle");

// Circle 3: Red fill
Circle circle3 = new Circle(400, 150, 50);
circle3.getStyleClass().add("red-circle");

// Circle 4: Green fill
Circle circle4 = new Circle(550, 150, 50);
circle4.getStyleClass().add("green-circle");

// Vertical line to the left of Circle 1
Line leftLine = new Line(50, 100, 50, 200); // x = 50, y1 = 100, y2 = 200
leftLine.setStrokeWidth(2);
leftLine.setStyle("-fx-stroke: black;");

// Vertical line to the right of Circle 1
Line rightLine = new Line(150, 100, 150, 200); // x = 150, y1 = 100, y2 = 200
rightLine.setStrokeWidth(2);
rightLine.setStyle("-fx-stroke: black;");

// Add all shapes to the pane
pane.getChildren().addAll(leftLine, rightLine, circle1, circle2, circle3, circle4);

// Create the scene and link the CSS file
Scene scene = new Scene(pane, 500, 400);
scene.getStylesheets().add("styleSheet.css");

// Set up the stage
primaryStage.setTitle("Circles");
primaryStage.setScene(scene);
primaryStage.show();
}

public static void main(String[] args) {

launch(args);
}
}

CSS-файл

/* Rectangle border style */
#border-rectangle {
-fx-fill: transparent;
-fx-stroke: black;
-fx-stroke-width: 2;
}

/* First circle style */
#circle1 {
-fx-fill: white;
-fx-stroke: black;
-fx-stroke-width: 2;
}

/* Second circle style */
#circle2 {
-fx-fill: white;
-fx-stroke: black;
-fx-stroke-width: 2;
}

/* Third circle style */
#circle3 {
-fx-fill: red;
}

/* Fourth circle style */
#circle4 {
-fx-fill: green;
}

/* Vertical line style */
#vertical-line {
-fx-stroke: black;
-fx-stroke-width: 2;
}


Подробнее здесь: https://stackoverflow.com/questions/792 ... e-problems