在CSS中,我們可以在屬性前加一個星號(*),這個星號代表的是通用選擇器。那么這個通用選擇器在CSS中的作用是什么呢?下面我們來詳細了解一下。
*{ margin:0; padding:0; }
上面的代碼就是一個通用選擇器,它會選取頁面上的所有元素。我們讓所有元素的margin和padding都為0,可以有效地幫助我們在CSS布局中做到更好的重置樣式。
再舉一個例子:
p.text *{ color:red; }
上面的代碼會選取所有在p標簽里面,而且class為text的元素下面的所有元素,將它們的顏色改為紅色。
通用選擇器雖然看似簡單,但是在CSS布局中卻有很重要的作用。因為它可以對頁面上的所有元素進行重置樣式,從而讓我們更好的掌控網頁開發。當然,如果不是必要情況下,也盡量不要將通用選擇器濫用,因為它的效率不如其他選擇器高。