在CSS中,同時(shí)應(yīng)用兩個(gè)樣式可以通過(guò)以下幾種方式實(shí)現(xiàn):
1、使用逗號(hào)分隔:在樣式列表中,可以使用逗號(hào)(,)來(lái)分隔不同的樣式。
div { style1: value1; style2: value2; }
在這個(gè)例子中,div
元素同時(shí)應(yīng)用了style1
和style2
兩個(gè)樣式。
2、使用空格分隔:在樣式列表中,可以使用空格來(lái)分隔不同的樣式。
div { style1: value1 style2: value2; }
這個(gè)例子中,div
元素同樣應(yīng)用了style1
和style2
兩個(gè)樣式。
3、使用分號(hào)分隔:在樣式列表中,可以使用分號(hào)(;)來(lái)分隔不同的樣式。
div { style1: value1; style2: value2; }
這個(gè)例子中,div
元素也應(yīng)用了style1
和style2
兩個(gè)樣式。
4、使用@import:可以使用@import
規(guī)則來(lái)引入另一個(gè)樣式表。
@import 'style1.css'; @import 'style2.css';
在這個(gè)例子中,兩個(gè)外部樣式表style1.css
和style2.css
會(huì)被應(yīng)用到當(dāng)前樣式表中。
5、使用組合選擇器:可以使用組合選擇器來(lái)同時(shí)選擇多個(gè)元素并應(yīng)用樣式。
div, span { style1: value1; style2: value2; }
這個(gè)例子中,div
和span
元素都會(huì)應(yīng)用style1
和style2
兩個(gè)樣式。
通過(guò)以上方法,可以在CSS中靈活地同時(shí)應(yīng)用多個(gè)樣式。