在使用PS進行網頁設計的過程中,CSS的語法構成是必不可少的一部分。下面我們就來一起學習一下CSS語法的構成。
/* 定義樣式 */ selector { property: value; property: value; } /* 派生樣式 */ selector a { property: value; property: value; } /* 類選擇器 */ .className { property: value; property: value; } /* ID選擇器 */ #id { property: value; property: value; } /* 多類選擇器 */ .className1.className2 { property: value; property: value; } /* 子選擇器 */ selector >selector { property: value; property: value; } /* 相鄰兄弟選擇器 */ selector + selector { property: value; property: value; } /* 通用選擇器 */ * { property: value; property: value; } /* 繼承樣式 */ selector { property: value; property: value; } /* 優先級 */ selector { property: value !important; }
以上就是CSS語法的構成。我們需要掌握的是如何正確選擇選擇器進行定義樣式、派生樣式、類選擇器、ID選擇器、多類選擇器、子選擇器、相鄰兄弟選擇器、通用選擇器、繼承樣式和優先級。