                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

本章示例ul/li/ul/li中，li中的ul/lI的li算是ul標(biāo)簽的什么？

運(yùn)行結(jié)果好像認(rèn)為li中的li也是ul的兒子啊

口袋驛站

2017-06-17

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 8-6

關(guān)注問(wèn)題我要回答

1690

操作

收起

3 回答

艾零回答被采納 +3 積分
2017-06-18

HTML 元素指的是從開(kāi)始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼。

元素的內(nèi)容是開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容

大多數(shù) HTML 元素可以嵌套（可以包含其他 HTML 元素）。

所以 ul class="food" 的元素內(nèi)容是li水果和li蔬菜而li水果的元素內(nèi)容是另一個(gè)ul?

子選擇器定義的是ul class="food"下的第一個(gè)元素的元素內(nèi)容樣式

我表述的可能比較混亂可以參考HTML 元素 ?http://www.w3school.com.cn/html/html_elements.asp

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

口袋驛站提問(wèn)者

嵌套的ul父標(biāo)簽設(shè)置一次class類(lèi)連接下來(lái)的ul子標(biāo)簽也一起設(shè)置了？

2017-06-18 回復(fù) 有任何疑惑可以回復(fù)我~

#2

艾零回復(fù) 口袋驛站提問(wèn)者

沒(méi)有 li水果的元素內(nèi)容是 <ul ><li>香蕉</li><li>蘋(píng)果</li><li>梨</li></ul> 所以紅色實(shí)線框會(huì)把他們一起框住 {border:1px solid red;}css樣式是不具有繼承性的。不然會(huì)變成一個(gè)框住水果到梨這一段然后香蕉蘋(píng)果和梨再各有一個(gè)框框住

2017-06-19 回復(fù) 有任何疑惑可以回復(fù)我~

艾零
2017-06-19

上面說(shuō)錯(cuò)一點(diǎn) 不是各有一個(gè)框

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

口袋驛站提問(wèn)者

懂了，謝謝

2017-06-19 回復(fù) 有任何疑惑可以回復(fù)我~

口袋驛站提問(wèn)者
2017-06-17

.food>li{border:1px solid red;color:red;}/*添加邊框樣式（粗細(xì)為1px，顏色為紅色的實(shí)線）*/

</style>

</head>

<body>

<p class="first">三年級(jí)時(shí)，<span>我還是一個(gè)<span>膽小如鼠</span>的小女孩</span>，上課從來(lái)不敢回答老師提出的問(wèn)題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。</p>

? ? <li>水果

? ? ? ? <ul >

? ? ? ? <li>香蕉</li>

? ? ? ? ? ? <li>蘋(píng)果</li>

? ? ? ? ? ? <li>梨</li>

? ? ? ? </ul>

? ? </li>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答