如何使用 css 代码单独设置 gtk 小部件的样式

在这之后GTK+ 将字体更改为旋转按钮 https://stackoverflow.com/questions/47083294/gtk-change-font-to-spin-button和这个为什么 CSS 样式没有应用于 GTK+ 代码？ https://stackoverflow.com/questions/47114306/how-to-apply-css-to-gtk-code问题，我开始了解如何将CSS样式应用于GTK代码，但仍然有很多令人困惑的细节。

这是我创建两个按钮和三个标签的代码：

test.c

#include <gtk/gtk.h>
#include <string.h>  

static void
activate (GtkApplication *app,
          gpointer        user_data)
{

  GtkWidget *window = gtk_application_window_new (app);;
  GtkWidget *button_01 = gtk_button_new_with_label("This is button 01");
  GtkWidget *button_02 = gtk_button_new_with_label("This is button 02");
  GtkWidget *label0 = gtk_label_new("hello 0");
  GtkWidget *label1 = gtk_label_new("hello 1");
  GtkWidget *label2 = gtk_label_new("hello 2");
  GtkWidget * main_box = gtk_box_new (GTK_ORIENTATION_VERTICAL, 25);

  GtkCssProvider *cssProvider = gtk_css_provider_new();
  gtk_css_provider_load_from_path(cssProvider, "theme.css", NULL);
  gtk_style_context_add_provider_for_screen(gdk_screen_get_default(),
                               GTK_STYLE_PROVIDER(cssProvider),
                               GTK_STYLE_PROVIDER_PRIORITY_USER);

  gtk_box_set_homogeneous (GTK_BOX (main_box), TRUE);
  gtk_container_add (GTK_CONTAINER (window), main_box);
  gtk_container_add (GTK_CONTAINER (main_box), button_01);
  gtk_container_add (GTK_CONTAINER (main_box), label0);
  gtk_container_add (GTK_CONTAINER (main_box), label1);
  gtk_container_add (GTK_CONTAINER (main_box), label2);
  gtk_container_add (GTK_CONTAINER (main_box), button_02);

  g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL);
  gtk_widget_show_all (window);
}

int
main (int    argc,
      char **argv)
{
  GtkApplication *app;
  int status;

  app = gtk_application_new ("org.gtk.example", G_APPLICATION_FLAGS_NONE);
  g_signal_connect (app, "activate", G_CALLBACK (activate), NULL);
  status = g_application_run (G_APPLICATION (app), argc, argv);
  g_object_unref (app);

  return status;
}

这是 CSS 文件：

主题.css

GtkWindow {
    font: Comic Sans 12
}

.button {
  color: green;
}

该代码工作正常，因为所有字体都已更改并且所有按钮均为红色。我想做的是单独设置每个小部件的样式，例如，要使 label0 显示为红色，label1 显示为绿色，label 2 显示为蓝色。

根据这些例子GTK+ CSS 概述：GTK+ 3 参考手册 https://developer-old.gnome.org/gtk3/stable/chap-css-overview.html，这应该可以解决问题：

label#label0 {
  color: red;
}
label#label1 {
  color: green;
}
label#label2 {
  color: blue;
}

但显然事实并非如此，这意味着我错过了那里的一些东西。

任何有关的帮助如何使用 css 代码单独设置小部件的样式将不胜感激。

CSS 文件不知道您为程序中的变量指定的名称。您必须使用以下方式命名小部件gtk_widget_set_name() https://docs.gtk.org/gtk3/method.Widget.set_name.html.