Qt Qt樣式表總結(一) 選擇器

2021-08-26 15:15:26 字數 1574 閱讀 3008

注釋

qss檔案中使用:/**/來注釋

樣式表由樣式規則序列組成。樣式規則由選擇器和宣告組成。選擇器指定受規則影響的部件;宣告指定應在小部件上設定哪些屬性。

如: qlabel

qlabel為樣式規則中的選擇器,大括號中的 color: white; 為宣告;

這幾話的意思是:將qlabel及其子類中前景色(字型)設定為白色;

選擇器可以有多個,中間用逗號(,)分隔;宣告也可以有多個,中間用分號(;)分隔。

如:qpushbutton, qlineedit, qcombobox

qt 樣式表支援css2 中定義的所有選擇器;

選擇器例項

可以匹配的控制項部件

通用選擇器

*所有控制項

型別選擇器

qpushbutton

給定型別的控制項,包括子類

類選擇器

.qpushbutton

給定型別的控制項,不包括子類

屬性選擇器

qpushbutton

[flat=「false」]

給定型別的控制項中符合屬性的的類

id選擇器

qpushbutton#okbutton

給定型別控制項的給定物件名的控制項

子物件選擇器

qdialog > qpushbutton

給定型別控制項的直接子控制項

子孫物件選擇器

qdialog qpushbutton

給定型別控制項的子孫控制項

輔助選擇器

qcombobox::drop-down

複雜物件的子控制項

狀態選擇器

qcombobox::down-arrow:pressed

控制項的特定狀態下的樣式

####常見輔助選擇器

輔助選擇器

說明::indicator

核取方塊、單選框、可選選單、指示器等

::menu-indicator

按鈕的選單指示器

::item

選單欄::up-button

向上按鈕

::down-button

向下按鈕

::up-arrow

向上箭頭

::down-arrow

向下箭頭

::drop-down

下拉箭頭

::title

標題狀態選擇器

狀態說明

:disabled

禁用:enabled

啟用:focus

控制項獲取輸入焦點

:hover

滑鼠在控制項上懸停

:pressed

滑鼠按下

:checked

滑鼠選中

:unchecked

滑鼠沒有選中

:indeterminate

控制項被部分選中

:open

控制項開啟

:closed

控制項關閉

:onon狀態,不知道什麼鬼

:off

off狀態,不知道什麼鬼

!對以上狀態的否定

css樣式表 樣式表分類 選擇器

一 樣式表分三類 1.內聯樣式表。放在元素的開始標記中。只對當前元素起作用。例 結果 2.內嵌樣式表。放在頁面的中間。可以對整個頁面。你好 執行結果 3.外部樣式表。放在乙個單獨的.css樣式表檔案中。可以對整個 操作 新建乙個css檔案,用來存放樣式表 在html中呼叫樣式表,要在html中右鍵 ...

樣式表與選擇器

樣式表的分類 內聯樣式表 樣式寫在標籤裡 重用性差,但控制精確 內嵌樣式表 嵌在網頁的某個位置 重用性高一些,控制性不如內聯精確 外部樣式表 樣式是寫在乙個外部檔案裡面 重用性最高,控制精確度最低 文字 通過選擇器找元素 id 每個元素都可以加,id不能重複,以字母開頭 class 類名,每個元素都...

CSS樣式表與選擇器

html解題思路 1 先大致寫出html框架,即定義內容部分。2 然後根據需要寫對應的css樣式,即定義表現部分。3 根據需要可將css檔案定義在外部,用鏈結樣式表或匯入樣式表將外部css檔案引入到當前頁面,實現了表現與內容的分離。css樣式選擇器分類 1 標籤選擇器。2 類選擇器。3 id選擇器。...