Css樣式的繼承 層疊和特殊性

css樣式的繼承性：

css樣式的某些樣式是具有繼承性的，繼承是一中規則，它允許樣式不僅應用於某個特定html標籤元素，而且應用於其後代。

使用方法：

如p我是段落我是塊

//標籤p和span中的標籤都會變成紅色，

有些樣式是不具有繼承性的：

p//設定邊框1畫素，紅色，實心邊框線

我是段落我是塊

//只會為p標籤中的內容增加邊框

css樣式的特殊性：

p /*權值為1*/

p span /*權值為1+1=2*/

.warning /*權值為10*/

p span.warning /*權值為1+1+10=12*/

#footer .note p /*權值為100+10+1=111*/

css樣式的層疊性

當css樣式有相同的權重值，會根據css樣式的前後順序來決定，處於最後的cssy樣式會被應用。

使用方法：pp

我是文字

//文字會顯示為綠色

重要性，最高權值：

有些特殊情況可以為某些樣式設定最高權值，

如：p//!important 要寫在分好的前面

總結：繼承、特殊性，層疊，重要性的區分。

繼承是指標籤的樣式可以由子代繼承，但有些標籤是不能繼承的，eg：border。

特殊性指用用權重來確定最後起作用的樣式，id=100，class=10，標籤=1，繼承=0.1；

層疊指當權重相同時，後面的樣式覆蓋前面的樣式。

important的使用：可以為某些樣式設定最高權值。

css繼承 層疊 特殊性

1 什麼是繼承？允許樣式不僅應用於某個特定html標籤元素，而且應用於其後代。例如 p 三年級時，我還是乙個膽小如鼠的小女孩。結果為 三年級時，我還是乙個膽小如鼠的小女孩。2 並非所有的css樣式都具有繼承性？例如 border 1px solid red p 三年級時，我還是乙個膽小如鼠的小女孩。...

CSS的繼承 層疊和特殊性

css的某些樣式是具有繼承性的，那麼什麼是繼承呢？繼承是一種規則，它允許樣式不僅應用於某個特定html標籤元素，而且應用於其後代。比如下面 如某種顏色應用於p標籤，這個顏色設定不僅應用p標籤，還應用於p標籤中的所有子元素文字，這裡子元素為span標籤。p 三年級時，我還是乙個膽小如鼠span 的小女...

CSS的繼承 層疊和特殊性

css的某些樣式是具有繼承性的，那麼什麼是繼承呢？繼承是一種規則，它允許樣式不僅應用於某個特定html標籤元素，而且應用於其後代。比如下面 如某種顏色應用於p標籤，這個顏色設定不僅應用p標籤，還應用於p標籤中的所有子元素文字，這裡子元素為span標籤。p三年級時，我還是乙個膽小如鼠的小女孩。可見右側...