《精通CSS與HTML設計模式》讀書筆記1——CSS選擇符與繼承

一、CSS選擇符
1. 類型、類和ID選擇符：element element.class element#ID

2. 群組選擇符（group selector）：用逗號
3. 後代選擇符（descendent selector）：用空格
4. 子選擇符（child selector）：用大於符號
5. 首子選擇符（first-child selector）：用:first-child
6. 兄弟選擇符（sibling selector）：用加號
7. 屬性選擇符：p[title], p[title="paragraph"], p[title~="paragraph"]
8. 偽類元素選擇符：element(*.class或者#ID):first-letter, element:first-line
9. 偽類選擇符：a:link, a:visited, a:hover, a:hocus, a:active
10.子類選擇符：<ELEMENT class="class subclass etc"> *.class.subclass.etc{SUBCLASS_STYLES}

二、繼承
1. 不可繼承的屬性
以下屬性可被所有元素繼承:visibility和cursor。
以下屬性會被內嵌元素繼承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transforrn、direction
以下屬性會被終端塊狀元素繼承:text-indent和text-aligno
以下屬性會被列表元素繼承:list-style、list-style-type、list-style-position、list-style-image。
以下屬性會被表格元素繼承:border-collapse。
2. 不可繼承的屬性:
display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-break-before和unicode-bidi。
3. 視覺繼承的問題
為了應用視覺繼承，你無需做任何事，因為background-color預設transparent(透明)並且background-image預設是none。