CSS的某些樣式是具有繼承性的,那么什么是繼承呢?繼承是一種規(guī)則,它允許樣式不僅應(yīng)用于某個(gè)特定html標(biāo)簽元素,而且應(yīng)用于其后代。比如下面代碼:如某種顏色應(yīng)用于p標(biāo)簽,這個(gè)顏色設(shè)置不僅應(yīng)用p標(biāo)簽,還應(yīng)用于p標(biāo)簽中的所有子元素文本,這里子元素為span標(biāo)簽。
p{color:red;} <p>三年級(jí)時(shí),我還是一個(gè)<span>膽小如鼠</span>的小女孩。</p>
可見(jiàn)右側(cè)結(jié)果窗口中p中的文本與span中的文本都設(shè)置為了紅色。但注意有一些css樣式是不具有繼承性的。如border:1px solid red;
p{border:1px solid red;} <p>三年級(jí)時(shí),我還是一個(gè)<span>膽小如鼠</span>的小女孩。</p>
在上面例子中它代碼的作用只是給p標(biāo)簽設(shè)置了邊框?yàn)?像素、紅色、實(shí)心邊框線,而對(duì)于子元素span是沒(méi)用起到作用的。
我來(lái)試試,為右側(cè)的段落加入一個(gè)邊框
在右邊編輯器的第11行,輸入:
p{border:1px solid red;}
注意p標(biāo)簽中的span標(biāo)簽是否有加入邊框樣式?
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)