css選擇器可以包括,標籤選擇器、類別選擇器、id選擇器、交集選擇器、並集選擇器、後代選擇器、全域性選擇器、偽類等,這些樣式應用都已經在flex得到支援
1.標籤選擇器
標籤選擇器是根據mxml檔案中元件的型別來設定的,示例如下:
複製**
**如下:
@namespace s "library:";
@namespace mx "library:";
s|textinput
s|button
上面二個控制項的顏色會隨之改變。
2.類別選擇器
類別選擇器是以乙個點開頭,後面加上元件中通過stylename設定的樣式名來表示的類別選擇器,示例如下:
複製**
**如下:
@namespace s "library:";
@namespace mx "library:";
.btn2
3.id選擇器
id選擇器是以#開頭,後面加上元件中設定的id名來表示的類別選擇器,示例如下:
複製**
**如下:
@namespace s "library:";
@namespace mx "library:";
#btn1
.btn2
4.交集選擇器
交集選擇器由兩個選擇器直接連線構成,其結果是選中二者各自元素範圍的交集,示例如下:
複製**
**如下:
@namespace s "library:";
@namespace mx "library:";
s|button#btn1
s|button.btn2
5.並集選擇器
並集選擇器是多個選擇器通過逗號連線而成的,並集選擇器同時選中各個基本選擇器所選擇的範圍,任何形式的選擇器都可以,示例如下:
複製**
**如下:
@namespace s "library:";
@namespace mx "library:";
s|button#btn1,s|button.btn2
6.後代選擇器
後代選擇器也叫派生選擇器,可以使用後代選擇器給乙個元素裡的子元素定義樣式,示例如下:
複製**
**如下:
@namespace s "library:";
@namespace mx "library:";
s|hgroup s|textinput
7.全域性選擇器
全域性選擇器global可以將樣式應用到所有的元件,示例如下:
複製**
**如下:
@namespace s "library:";
@namespace mx "library:";
global
8.偽類
偽類是用來設定元件在不同狀態下的樣式,示例如下:
複製**
**如下:
@namespace s "library:";
@namespace mx "library:";
s|button:up
s|button:down
s|button:over
Flex布局以及CSS選擇器
1 css 元素選擇器 最常見的 css 選擇器是元素選擇器。換句話說,文件的元素就是最基本的選擇器。1 html 2h1 3 h2 2 css 選擇器分組 通過分組,創作者可以將某些型別的樣式 壓縮 在一起,這樣就可以得到更簡潔的樣式表。1 no grouping 2h1 3h2 4h3 5h4 ...
CSS中的選擇器
1.關係選擇器 a.後代選擇器特點 父元素 子元素,中間是空格什麼都不加 b.兒子選擇器的特點 父元素 子元素,中間是 號 c.相鄰選擇器特點 元素 元素,中間用 號,但是兩者要為同一級才行 d.兄弟選擇器特點 元素 元素,兄弟元素中間用 號,必須要兩個為同一級 2.屬性選擇器 a.格式是標籤名 屬...
Css中的選擇器
常用的選擇器有如下幾種 1 標籤選擇器標籤選擇器,此種選擇器影響範圍大.舉例 div 2 id選擇器 html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。通過id名來選擇元素,元素的id名稱不能重複,所以乙個樣式設定項只能對應於頁面上乙個元素,不能復用,id名一般給程式使用,...