在 CSS 中,我們可以使用組合選擇器來同時(shí)選擇多個(gè)類名。下面是一個(gè)例子:
.example-class1.example-class2 { /* 這里是樣式內(nèi)容 */ }
以上的 CSS 代碼指定了同時(shí)含有example-class1
和example-class2
兩個(gè)類名的元素。注意這里的類名之間沒有空格,要緊密連著寫。
這種組合選擇器的使用場(chǎng)景非常多,比如當(dāng)我們需要給表單輸入框添加一些特定樣式時(shí),就可以使用這種方法。示例代碼如下:
input[type="text"].input-field { /* 這里是樣式內(nèi)容 */ }
以上的 CSS 代碼指定了同時(shí)含有input-field
類名和type="text"
屬性的輸入框元素。
組合選擇器是非常強(qiáng)大的工具,可以讓我們更靈活地選擇元素,實(shí)現(xiàn)更精細(xì)的樣式控制。