“HTML+CSS基礎(chǔ)課程9-1 繼承” 課程有bug?!
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>繼承</title> <style?type="text/css"> p{color:red; ????border:1px?solid?red; } </style> </head> <body> ????<h1>勇氣</h1> ????<p?class="first">三年級(jí)時(shí),我還是一個(gè)<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動(dòng)我也沒勇氣參加。</p> ????<p?id="second">到了三年級(jí)下學(xué)期時(shí),我們班上了一節(jié)公開課,老師提出了一個(gè)很<span>簡(jiǎn)單</span>的問題,班里很多同學(xué)都舉手了,甚至成績(jī)比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p> </body> </html>
“HTML+CSS基礎(chǔ)課程9-1 繼承” ? 里面說這樣打代碼,結(jié)果會(huì)是<span>膽小如鼠</span>里4個(gè)字不會(huì)被紅框框住,結(jié)果還是全被框住了,我想知道這是bug還是課程里寫錯(cuò)了,謝謝!
2017-05-02
它的意思是span標(biāo)簽里的字不會(huì)再有一個(gè)紅色邊框圈住,你可以試一下p,span{border:1px solid red;},可以看出區(qū)別
2017-05-21
我覺得是你理解錯(cuò)了,課程里說的是繼承 但是并不是所有的CSS樣式都具有繼承性的 ?比如加邊框 ?你的p,span{ ?}
理解的是上一章節(jié) ?有關(guān)分組選擇符
2017-05-02
課程中的意思是,因?yàn)?lt;span>標(biāo)簽是<p>標(biāo)簽的子級(jí)標(biāo)簽,color是具有繼承性的,所以設(shè)置<p>的color時(shí),子級(jí)標(biāo)簽<span>會(huì)繼承父級(jí)<p>的color。
即寫入p{color:red;}時(shí),<p>和<span>都是紅色。
但border不具有繼承性,所以設(shè)置<p>的border時(shí),子級(jí)標(biāo)簽<span>不會(huì)繼承父級(jí)<p>的border。
即寫入p{border:1px solid red;}時(shí),只有<p>有紅框,而<span>沒有紅框。
2017-05-02
我是這樣理解的看能不能幫到你,繼承是一個(gè)有關(guān)后代的概念,紅色可以繼承給后代,所以p中的span會(huì)是紅色,但是border不行,也就是說只有p整體有框框而span沒有單獨(dú)的框框
2017-05-02
繼承的樣式一般是顏色、字體大小這種文本設(shè)置。而邊框、邊距這些布局樣式不會(huì)繼承。對(duì)于這個(gè)例子里,span標(biāo)簽不會(huì)單獨(dú)?。ㄗ⒁鈫为?dú),也就是說這四個(gè)字額外有邊框)有邊框。但他們因?yàn)槭前ㄔ趐標(biāo)簽這個(gè)整體里。所以每段話都有一個(gè)紅色邊框。
2017-05-02
你理解錯(cuò)了他的意思 他表達(dá)的不是很清楚 他說的框選是二次框選 。也就是說段落的框框里面還有一個(gè)框 所以代碼的表現(xiàn)是正確的 她的一個(gè)段落只出現(xiàn)了一次框
2017-05-02
CSS樣式的繼承性
樣式默認(rèn)下可以應(yīng)用于其后代。
1.后代沒有樣式標(biāo)注;
2.border邊框樣式不繼承
2017-05-02
<span>標(biāo)簽是<p>標(biāo)簽的子級(jí)標(biāo)簽,當(dāng)沒有具體css樣式設(shè)置時(shí),會(huì)和<span>標(biāo)簽的css樣式相同。