CSS命名空間是指在CSS樣式表中定義的一組規(guī)則和屬性的命名前綴,它可以幫助我們更好地管理和組織樣式代碼。以下是一些常見的CSS命名空間。
/* 屬性選擇器 */ [class^="nav-"] { /* 針對類名以nav-開頭的元素應(yīng)用樣式 */ } /* ID選擇器 */ #main { /* 針對ID為main的元素應(yīng)用樣式 */ } /* 類選擇器 */ .article { /* 針對class為article的元素應(yīng)用樣式 */ } /* 偽類選擇器 */ a:hover { /* 針對鼠標懸停在鏈接上的元素應(yīng)用樣式 */ } /* 子選擇器 */ nav > ul { /* 針對nav元素直接子級下的ul元素應(yīng)用樣式 */ } /* 后代選擇器 */ .container p { /* 針對class為container的元素下所有p元素應(yīng)用樣式 */ } /* 通配符選擇器 */ * { /* 針對所有元素應(yīng)用樣式 */ } /* 偽元素選擇器 */ ::before { /* 在元素之前插入內(nèi)容 */ } /* 屬性選擇器 */ [type="text"] { /* 針對type屬性為text的元素應(yīng)用樣式 */ } /* 通用命名空間 */ .my-namespace { /* 針對所有類名以.my-namespace開頭的元素應(yīng)用樣式 */ }
以上命名空間只是常見的一些,在日常開發(fā)中,我們還可以自定義命名空間,根據(jù)實際情況進行分類和管理樣式代碼,提高代碼的可維護性和可讀性。