CSS是網頁設計必不可少的一部分,它可以控制網頁的樣式和布局。CSS選擇器是用來選擇元素應用規則的工具,其中交集選擇器和并集選擇器是常用的兩種選擇器。
交集選擇器
selector1 selector2 { property: value; }
交集選擇器是將兩個選擇器加在一起,使用空格隔開,表示選擇器1和選擇器2共同作用于同一個元素,如下面的例子:
p.intro { color: blue; }
這個例子中,選擇器1是
元素,選擇器2是class為intro的元素。這個樣式規則表示只有class為intro的
元素才會具有藍色的字體顏色。
并集選擇器
selector1, selector2 { property: value; }
并集選擇器是將兩個選擇器加在一起,使用逗號隔開,表示選擇器1和選擇器2分別作用各自的元素,如下面的例子:
p.intro, h1.title { color: green; }
這個例子中,選擇器1是
元素,選擇器2是h1元素,它們分別附加class屬性為intro和title。這個樣式規則表示class為intro的
元素和class為title的h1元素都會具有綠色的字體顏色。
交集選擇器和并集選擇器是CSS中比較基礎且實用的選擇器,使用它們可以使網頁透過更為精細和高效。
上一篇css產生浮動的方法
下一篇MySQL是一個關系型