首先找到H3,然后找到他的父元素,然后在父元素下面找第一個(gè)子元素,然后如果這個(gè)子元素也是H3,就被選中,如果不是,就不被選中。
下面的DIV也一樣,首先找到DIV,然后找到他的父元素,然后在父元素下面找到最后一個(gè)子元素,如果這個(gè)子元素正好也是DIV,就被選中,否則,就不被選中。
所以移動(dòng)P元素的時(shí)候,會(huì)影響選擇結(jié)果。
學(xué)習(xí)達(dá)人
|
一個(gè)老陳皮
展開(kāi)
|
學(xué)習(xí)達(dá)人
|
自安然931
展開(kāi)
老師,是不是可以這么理解,first-child是指孩子中的老大,首先得是父親的長(zhǎng)子,才能被選中;last-child是指父親的最后一個(gè)小兒子,小兒子也是經(jīng)常得到寵愛(ài)的 可以把父元素下的并列關(guān)系標(biāo)簽看作是一家兄弟,在選擇時(shí),如果只是說(shuō)自己是大兒子或者是小兒子,你得對(duì)得上名字啊,比如視頻中的first-child前面的h3,last-child前的div (如果在first-child前寫(xiě)了h3,結(jié)果人家的大兒子現(xiàn)在不叫h3了,改名叫p了,那就不好意思了,新衣服(樣式)不能給你穿[笑哭]) |
QQyfabc2jkc
展開(kāi)
|
|
鯨夢(mèng)文化
展開(kāi)
<html> <head> <style type="text/css"> div:first-child{ color: red; } p:last-child{ color: aqua; } </style> </head> <body> <div>1</div> <div>2</div> <p>3</p> <p>4</p> <p>5</p> </body> </html> 最后子元素選擇器為什么選不中? mzygp2
展開(kāi)
@ 鯨夢(mèng)文化 我把你的代碼放到VS CODE里,沒(méi)問(wèn)題呀,能選中啊,我用的瀏覽器是win10 自帶的Edge[呲牙] |
|
學(xué)習(xí)達(dá)人
|
linsxsx
展開(kāi)
|
學(xué)習(xí)達(dá)人
|
QQa4b0b4as2
展開(kāi)
|
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。