CSS選擇器允許您精確控制HTML文檔的樣式。但是,當您需要應用多個樣式時,您需要使用多個選擇器。下面我們將介紹幾種CSS選擇器多個的方法。
/* 選擇多個元素 */ h1, h2, h3 { color: red; } /* 選擇某個元素下的多個子元素 */ ul li, ol li { font-size: 18px; } /* 選擇某個類下的多個元素 */ .container div, .container p, .container span { margin: 10px; } /* 選擇使用相同類名的多個元素 */ .my-div + .my-div { margin-top: 20px; } /* 選擇某個元素下的某個子孫元素 */ nav ul li a { color: blue; }
這些多個選擇器的用法非常簡單且直觀。您可以根據自己的需要結合使用,在您的網站上制作出漂亮的樣式效果!