說實在不是不行XD ... 但覺得有點蠢 ... 所以只好請朋友先做其他的部分 我再找找 ... 就在這時朋友敲我了 ... 說他找到了!!!
然後就有了這一篇文章，CSS Selecter .... (在今天之前,我都還寫著很純樸的CSS ... 過了今天應該會成長了XD")
大約分成以下幾種：
- Class selectors : 就... 對Class
- ID selectors : 就... 對ID
- Type selectors : 就... 對HTML標籤 (e.g. div, a, label)
- Universal selector: 就...對全部 (*: 萬用字元)
上面幾個就不做示範了 ... 下面才是重點阿 ....
- Attribute selectors（屬性選擇器）
- Child combinator（子選擇器）
- Descendant combinator（後代選擇器）＊跟子選擇器有點像
- Adjacent sibling combinator（同層相鄰選擇器）
- General sibling combinator（同層全體選擇器）
- Pseudo-classes（偽類選擇器）
清單如下：
:link ：連結平常的樣式
:visited ：連結查閱後的樣式
:hover ：滑鼠滑入的樣式
:active ：滑鼠按下的樣式
:focus ：目標為焦點的樣式
:lang(E) ：當語言為E的樣式
:first-child ：第一個元素的樣式 - Pseudo-elements（偽元素選擇器）
清單如下：
:first-line ：元素的第一行
:first-letter：元素的第一個字
:after ：後加上字或圖
:before ：前加上字或圖 - Groups of selectors（群組選擇器）
hum ... 就 .... div, p, span, a 分隔開來使用同一組CSS
