為什麼稱CSS是層疊樣式表

2021-09-17 04:42:29 字數 720 閱讀 1571

為什麼稱之為層疊樣式表?因為 選擇符會從上到下按照層疊關係匹配。說具體一點,假設多個選擇符都給乙個元素 應用了樣式,那麼後定義的規則就會覆蓋先定義的規則。比如下面的規則會將文件 中所有 p 元素中文字的顏色設定為藍色,但帶有 highlight 類的 p 元素中的文字 則是黑色,而且帶有黃色背景,如圖 3-8 所示。第一條規則通過選擇符 p 首先應用, 而第二條規則通過選擇符 p.highlight 覆蓋了不夠具體的 p 規則。

後定義的規則一般會覆蓋先定義的規則,但也不全是。關鍵是要看每個選擇符的特 指度(specificity)。選擇符 p.highlight 即使被放在第一條規則的位置上,它也會 覆蓋選擇符 p,因為它是乙個更具體的選擇符。假如兩個選擇符具有相同的特指度, 那麼這時候後定義的才會勝出。

特指度也是 css 中最不好理解的乙個地方。計算選擇符特指度的規則一兩句話講不 明白,所以乾脆我們不在這裡講了。為了避免以後麻煩,最好保證自己的選擇符清 晰、好理解。總的原則是把通用選擇符放在最前面定義,而把更具體的選擇符放在 後面定義,這樣就夠了。  

--------摘自

《資料視覺化實戰 使用d3設計互動式圖表interactive data visualization for the web》

scott murray  著 李松峰  譯

CSS層疊樣式表

一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊,並根據它來格式化文件 ...

CSS(層疊樣式表)

一.css是增加html的樣式,擁有對網頁物件和模型樣式編輯的能力 1 在html中引入css有3種方式 1.外部樣式表 2.內部樣式表 3.內聯樣式表 2 css選擇元素的方式 1.元素選擇器 通過元素名字進行選擇 2.id選擇器 3.class選擇器 4.子元素選擇器 5.相鄰選擇器 如果需要選...

CSS層疊樣式表

html主要控制內容 css主要控制格式。樣式表是用來指定樣式資訊的句法機制。之所以將css稱為層疊樣式表,是因為它可以在3個層次上進行定義。內聯樣式表位於開始標籤中,其設定只對該元素起作用 文件樣式表位於文件的頭部區域,能夠作用於文件的整個主體。文件樣式表的說明是作為乙個 3.通用選擇器 不管什麼...