在CSS中,通過選擇器可以選中一個或多個元素,并給它們添加相應(yīng)的樣式。對于多個項的選擇,常用的方法有以下幾種:
/* 選擇器1, 選擇器2, ... */ selector1, selector2, ... { /* 樣式規(guī)則 */ }
使用逗號分隔多個選擇器,可以在一次聲明中為它們添加相同的樣式規(guī)則。
/* 選擇器1 選擇器2 選擇器3 */ selector1 selector2 selector3 { /* 樣式規(guī)則 */ }
通過使用空格將多個選擇器組合在一起,則可以選擇某個元素的后代元素進(jìn)行樣式設(shè)置。也可以嵌套使用此種選擇器,來選擇多層級后代元素。
/* 選擇器:nth-child(數(shù)值) */ selector:nth-child(num) { /* 樣式規(guī)則 */ }
:nth-child選擇器可以根據(jù)數(shù)值來選擇元素的位置,num可以是一個數(shù)字、even(偶數(shù))、odd(奇數(shù))、n以及n±num等不同的值。
/* 選擇器1 ~ 選擇器2 */ selector1 ~ selector2 { /* 樣式規(guī)則 */ }
~選擇器用來選擇在指定元素之后的所有元素,無論它們是否是后代元素。選擇器1和選擇器2之間用~隔開,表示選擇器2應(yīng)該出現(xiàn)在選擇器1后面。