Селекторы

Селекторы работают очень похоже на селекторы в веб-разработке.

Все виджеты имеют один или несколько узлов CSS с именами элементов и классами стилей. При использовании классов стилей в селекторах, они должны быть префиксрованы точкой. Имена виджетов могут использоваться в селекторах как идентификаторы. При использовании в селекторе, имена виджетов должны быть префиксрованы символом #.

Селекторы GTK CSS

Шаблон	Ссылка	Примечания
*	Универсальный селектор CSS Level 3
E	Селектор типа CSS Level 3
E.class	Селектор класса CSS Level 3
E#id	Селектор идентификатора CSS Level 3
E:nth-child(n)	Структурные псевдоклассы CSS Level 3
E:nth-last-child(n)	Структурные псевдоклассы CSS Level 3
E:first-child	Структурные псевдоклассы CSS Level 3
E:last-child	Структурные псевдоклассы CSS Level 3
E:only-child	Структурные псевдоклассы CSS Level 3
E:link, E:visited	Селекторы ссылок CSS Level 3	Соответствует GTK_STATE_FLAG_LINK и GTK_STATE_FLAGS_VISITED
E:active, E:hover, E:focus	Псевдоклассы пользовательских действий CSS Level 3	Соответствует GTK_STATE_FLAG_ACTIVE, GTK_STATE_FLAG_PRELIGHT, GTK_STATE_FLAGS_FOCUSED
E:focus-within	Селектор CSS Level 4	Устанавливается на всех предках виджета с фокусом, в отличие от CSS
E:focus-visible	Селектор CSS Level 4	Устанавливается на виджете с фокусом и всех предках, в отличие от CSS
E:disabled	CSS Selector Level 3	Соответствует GTK_STATE_FLAG_INSENSITIVE
E:disabled	CSS Selector Level 3	Соответствует GTK_STATE_FLAG_CHECKED
E:indeterminate	CSS Selector Level 3	Соответствует GTK_STATE_FLAG_INCONSISTENT
E:backdrop, E:selected		Соответствует GTK_STATE_FLAG_BACKDROP, GTK_STATE_FLAG_SELECTED
E:not(selector)	Селектор CSS Level 3
E:dir(ltr), E:dir(rtl)	Селектор CSS Level 4
E:drop(active)	Селектор CSS Level 4
E F	Селектор CSS Level 3
E > F	Селектор CSS Level 3
E ~ F	Селектор CSS Level 3
E + F	Селектор CSS Level 3

© 2005–2020 The GNOME Project
Licensed under the GNU Lesser General Public License version 2.1 or later.
https://developer-old.gnome.org/gtk4/4.0/ch38s02.html