GTK4开发：UI文件class属性占用时如何定义CSS选择类

GTK UI文件里的class属性是用来指定控件的GObject类型（比如示例里的GtkLabel），和CSS规则用的类选择器完全是两套体系，要实现多个控件共用一套CSS样式，直接给目标控件绑定同名CSS类即可，有两种常用实现路径：

在.ui文件中静态声明 #

所有GtkWidget子类都自带css-classes属性，类型是字符串数组，直接在控件的object节点内添加该属性，给需要统一样式的控件都加上同一个类名就行：

<!-- 第一个标题控件 -->
<object class="GtkLabel" id="view_header_1">
    <property name="css-classes">
        <item>view-header</item>
    </property>
    <!-- 其余业务属性省略 -->
</object>

<!-- 第二个标题控件 -->
<object class="GtkLabel" id="view_header_2">
    <property name="css-classes">
        <item>view-header</item>
    </property>
    <!-- 其余业务属性省略 -->
</object>

对应CSS里用类选择器（前缀为.）就能一次性选中所有加了这个类的控件：

.view-header {
    font: 1.2em bold;
}

如果一个控件要匹配多个CSS规则，在css-classes节点下多追加几个<item>标签写不同类名即可。

在业务代码中动态添加 #

如果需要运行时按逻辑给控件加类，直接调用控件的add_css_class方法即可，不同语言绑定的API命名一致：

// C 语言示例
GtkWidget *page_header = gtk_label_new("页面标题");
gtk_widget_add_css_class(GTK_WIDGET(page_header), "view-header");

# Python 示例
page_header = Gtk.Label(label="页面标题")
page_header.add_css_class("view-header")

补充：控件的GObject类型名本身也可以作为CSS选择器使用，比如写GtkLabel { color: red; }会把界面里所有GtkLabel都改成红字，但这种选择范围太广，只适合做全局基础样式调整，针对特定业务组件的样式还是用自定义CSS类更可控。

内容的提问来源于stack exchange，提问作者ferd tomale