在編寫CSS時(shí)，經(jīng)常需要使用條件語句實(shí)現(xiàn)不同的樣式效果。下面介紹一些常見的CSS條件語句以及它們的使用方法。

/* if語句 */
if (expr) {
/* 樣式定義 */
}
/* 例如：根據(jù)鼠標(biāo)位置設(shè)置背景色 */
if (mouseX < 300) {
background-color: #aaa;
} else {
background-color: #bbb;
}
/* switch語句 */
switch (expr) {
case "value1":
/* 樣式定義 */
break;
case "value2":
/* 樣式定義 */
break;
default:
/* 默認(rèn)樣式定義 */
}
/* 例如：根據(jù)所在的頁面設(shè)置樣式 */
switch (pagename) {
case "index.html":
color: green;
break;
case "about.html":
color: blue;
break;
default:
color: black;
}
/* 三元運(yùn)算符 */
expr ? expr1 : expr2
/* 例如：根據(jù)是否鼠標(biāo)懸停顯示不同的樣式 */
a:hover ? color: red : color: black;