在CSS文件中,我們需要掌握以下幾種寫法:
/* 選擇器與屬性 */ selector { property: value; } /* 多個選擇器與屬性 */ selector1, selector2 { property: value; } /* 嵌套選擇器 */ selector1 { property: value; selector2 { property: value; } } /* 類型選擇器 */ selector[type="value"] { property: value; } /* ID選擇器 */ #selector { property: value; } /* 類選擇器 */ .selector { property: value; } /* 偽類選擇器 */ selector:pseudo-class { property: value; } /* 偽元素選擇器 */ selector::pseudo-element { property: value; } /* 顯示與隱藏 */ selector { display: none; } /* 邊框 */ selector { border: 1px solid black; } /* 背景 */ selector { background-color: black; } /* 字體 */ selector { font-size: 16px; font-family: Arial, sans-serif; } /* 顏色 */ selector { color: black; }