CSS3的一大特色就是支持一行兩個選擇器的寫法,這樣在對網頁進行布局或樣式設計時,可以提高效率,減少代碼量。
/* 常規寫法 */ div { width: 50%; float: left; } /* 一行兩個寫法 */ div { width: 50%; float: left; }
上述代碼中,將width和float兩個屬性寫在同一行。這種寫法看似簡單,但在處理復雜布局時也會出現一些問題,比如瀏覽器可能會解析不當,造成布局錯亂。
除了屬性寫在同一行,也可以把選擇器寫在一行,但是需要在中間加上逗號。
/* 常規寫法 */ div { width: 50%; float: left; } p { width: 50%; float: left; } /* 一行兩個寫法 */ div, p { width: 50%; float: left; }
上述代碼中,選擇器div和p在同一行,用逗號隔開。這種寫法適用于多個選擇器具有相同樣式的情況。
總的來說,一行兩個寫法雖然在簡寫代碼方面具有一定優勢,但需要遵守一定規則,避免出現不必要的錯誤。在實際應用中,可以結合具體情況選擇是否使用。