CSS選擇器中,我們經常會用到“和”連接符(也叫逗號),它可以同時選中多個元素進行樣式設置。下面我們來看一些實例:
/* 同時選中class為box1和box2的元素,并設置相同的背景色和字體樣式 */ .box1, .box2 { background-color: #F1F1F1; font-size: 16px; color: #333; }
上面的代碼中,我們用逗號連接兩個選擇器,樣式會被同時應用到class為box1和box2的元素上。
/* 同時選擇所有輸入框和文本域,并設置相同的邊框樣式 */ input[type="text"], textarea { border: 1px solid #ccc; border-radius: 5px; }
上面的代碼中,我們用逗號連接了兩個不同的選擇器,分別選中了所有類型為text的輸入框和所有的文本域,并對它們應用了相同的邊框樣式。
除了以上兩種示例,還有很多場景需要使用逗號連接符。但需要注意的是,一定要謹慎使用,不要過度使用,以免影響頁面的性能。