在DW中,常用的CSS選擇符有三種類型:標簽選擇符、類選擇符和ID選擇符。
/* 標簽選擇符 */ p { color: red; }
標簽選擇符作為最基礎的選擇符,可以直接選取HTML文檔中所有的某一種標簽,例如上述代碼中的p標簽,就會將所有的段落文字顏色設置為紅色。
/* 類選擇符 */ .my-class { font-size: 24px; }
類選擇符通過在HTML標簽中添加class屬性來選取特定的元素,例如上述代碼中的.my-class就會選取所有class屬性為my-class的元素,可以同時為多個元素添加同一個類選擇符,以便統一設置它們的樣式。
/* ID選擇符 */ #my-id { text-align: center; }
ID選擇符通過在HTML標簽中添加id屬性來選取特定的元素,例如上述代碼中的#my-id就會選取所有id屬性為my-id的元素,每個HTML文檔中的元素id必須是唯一的。
總的來說,一個HTML文檔中的元素可以同時存在多個選擇符一起設置它們的樣式,選擇符之間可以用空格讓其子元素繼承,用逗號表示多個選擇符作用于相同的元素。
上一篇css權威指南書評