css如何對選擇器進(jìn)行分組以及聲明分組

發(fā)布時間：2022-03-16 10:51:04 來源：億速云閱讀：188 作者：小新欄目：web開發(fā)

這篇文章主要介紹css如何對選擇器進(jìn)行分組以及聲明分組，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

我們既可以對選擇器進(jìn)行分組，也可以對聲明分組。

假設(shè)您希望所有 h2 元素都有紅色背景，并使用 28 像素高的 Verdana 字體顯示為藍(lán)色文本，可以寫以下樣式：

h2 {font: 28px Verdana;}
h2 {color: blue;}
h2 {background: red;}

但是上面這種做法的效率并不高。尤其是當(dāng)我們?yōu)橐粋€有多個樣式的元素創(chuàng)建這樣一個列表時會很麻煩。相反，我們可以將聲明分組在一起：

h2 {font: 28px Verdana; color: white; background: black;}

這與前面的 3 行樣式表的效果完全相同。

注意，對聲明分組，一定要在各個聲明的最后使用分號，這很重要。瀏覽器會忽略樣式表中的空白符。只要加了分號，就可以毫無顧忌地采用以下格式建立樣式：

h2 {
  font: 28px Verdana;
  color: blue;
  background: red;
  }

以上是“css如何對選擇器進(jìn)行分組以及聲明分組”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡