GTK4中如何通过对象ID应用CSS属性？

问题原因 #

你混淆了GtkBuilder的对象id和GTK控件的CSS匹配名称两个完全独立的属性：GtkBuilder XML中定义的id仅用于在代码中通过gtk_builder_get_object()获取控件实例，不会被CSS选择器识别。

解决方法 #

方法1：修改UI XML配置

在你定义GtkBox的代码段中新增name属性，属性值和你要使用的CSS id保持一致即可：

<object class="GtkBox" id="myBox">
    <property name="name">myBox</property> <!-- 新增这一行配置 -->
    <property name="halign">GTK_ALIGN_CENTER</property>
    <child>
        <object class="GtkLabel" id="centreLabel">
            <property name="single-line-mode">true</property>
            <property name="xalign">0</property>
            <property name="yalign">0.5</property>
        </object>
    </child>
</object>

配置完成后你原来写的#myBox { background-color: white; }、box#myBox { background-color: white; }都可以正常生效。

方法2：代码中动态设置控件名称

如果你不想修改XML文件，也可以在代码中获取到myBox实例后手动设置匹配名称：

// builder为你加载UI文件的GtkBuilder实例
GtkWidget *my_box = GTK_WIDGET(gtk_builder_get_object(builder, "myBox"));
gtk_widget_set_name(my_box, "myBox");

补充说明 #

如果需要使用类选择器批量匹配多个控件，可以给控件添加CSS类：代码中调用gtk_widget_add_css_class(控件实例, 类名字符串)，对应的CSS选择器写法为.类名，逻辑和Web前端CSS的类选择器一致。

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