在CSS中,我們可以使用選擇器來選取多個CSS屬性,這樣我們就可以將多個樣式應用于同一個元素,而不必寫多個CSS規則。下面是一些可以選擇多個CSS屬性的方法。
/*選擇多個class*/ .red, .blue { color: white; background-color: red; } /*選擇多個元素*/ h1, h2, h3 { font-size: 20px; } /*選擇多個屬性*/ p { font-family: Arial; color: blue; border: 1px solid black; }
使用多個class選擇器的語法非常簡單,只需要使用逗號將它們分隔開。同樣的道理,當我們想要選擇多個元素或者多個屬性時,我們只需要將它們用逗號隔開即可。
一旦我們理解了選擇多個CSS屬性的基本語法,我們就可以開始用更高級的方式來選擇多個屬性。比如,我們可以使用通配符來為某個元素下的所有子元素選擇多個CSS屬性。
/*選擇所有div里的p元素,并為它們添加全局背景顏色*/ div p { background-color: grey; } /*選擇所有class為button的元素,并為它們添加多個CSS屬性*/ .button { font-size: 18px; background-color: green; border: 1px solid black; }
使用多個選擇器的方法可以讓我們更方便地選擇多個CSS屬性。它不僅可以節省我們寶貴的時間,而且讓我們的代碼更加簡潔易讀。當我們需要為多個元素或屬性定義相同的CSS樣式時,選擇多個CSS屬性是非常有用的。
上一篇選擇繼承css樣式
下一篇css中內容居中顯示