CSS中常見的選擇器有id選擇器、class選擇器、屬性選擇器,但是有時候我們需要的是兩個或多個選擇器的交集,那么這時候交集選擇器就派上用場了。
/* 交集選擇器 */ selector1.selector2 { /* CSS樣式 */ }
交集選擇器由兩個選擇器組合而成,中間沒有空格,表示選擇同時匹配這兩個選擇器的元素。例如:
/* 同時擁有red和big類的p標簽應用下劃線樣式 */ p.red.big { text-decoration: underline; }
在上面的代碼中,選擇器p.red.big表示只有同時含有class為red和big的p標簽才會擁有下劃線樣式。
需要注意的是,交集選擇器并不常用,因為很容易受到HTML結構的影響而失效。當兩個選擇器的關系并非父子、兄弟等預設的關系時,交集選擇器就不能準確地選擇到相應的元素。
總之,交集選擇器可以很方便地對匹配多個選擇器的元素進行樣式設置,但僅當HTML結構有明確的規律時才能確保有效。
上一篇mysql 用戶修改
下一篇css設置文本表格居中