CSS基礎用法

CSS定義

1. id選擇器

2. class選擇器

3. 屬性選擇器

*[title] {color:red;}
a[href] {color:red;}
a[href][title] {color:red;}

4. 派生選擇器

h1 em {color:red;}

5. 後代選擇器

h1 em {color:red;}

6. 子元素選擇器

h1 > strong {color:red;}

7. 相鄰兄弟選擇器

h1 + p {margin-top:50px;}

8. 僞類

/*僞類的語法*/
selector : pseudo-class {property: value}
/*CSS 類也可與僞類搭配使用*/
selector.class : pseudo-class {property: value}
/*
a:hover 必須被置於 a:link 和 a:visited 以後，纔是有效的。
a:active 必須被置於 a:hover 以後，纔是有效的。
*/

9. 僞元素

/*僞元素的語法*/
selector:pseudo-element {property:value;}
/*CSS 類也能夠與僞元素配合使用*/
selector.class:pseudo-element {property:value;}

10. 分組