在原來的基礎(chǔ)上我們想將下面 html 文件中的文件都設(shè)置成一樣的顏色,我們可以這么干: html:

<h1>php中文網(wǎng)</h1>
<h2>php中文網(wǎng)</h2>
<h3>php中文網(wǎng)</h3>
<h4>php中文網(wǎng)</h4>

css:

h1{
  color: cadetblue;
}
h2{
    color: cadetblue;
}
h3{
    color: cadetblue;
}
h4{
    color: cadetblue;
}

這樣就是下面的效果圖:

但是我們一般會(huì)這樣寫 css:

h1,h2,h3,h4{
  color: cadetblue;
}

效果是一樣的,完全沒有變化:

這樣是不是減少了不少代碼,這就叫做選擇器的分組. 下面我們要補(bǔ)充的知識(shí)就是通配符*. 要想達(dá)到與前面相同的效果,還有一種方式就是,用通配符.

*{  color: cadetblue;
}

這樣一來的話,如果沒有特定元素的設(shè)置,都會(huì)發(fā)生顏色的轉(zhuǎn)換.下面有同學(xué)就要提問了,要是我們不想全一樣,其中有幾個(gè)采用別的設(shè)置呢.

解決這個(gè)問題我們就只需要進(jìn)行覆蓋就好.如果我們想讓最后一個(gè)標(biāo)題變成黑灰色,那么在后面加上下面這句就好:

h4{    color: darkslategray;
}

這樣的話,我們就能看見下面的效果:

但是一般我們使用通配符的時(shí)候就是設(shè)置整個(gè)頁面的那邊據(jù)和外邊距.就像這樣

*{
    padding: 0px;
    margin: 0px;
}