IT培訓(xùn)網(wǎng)
IT在線學(xué)習(xí)
5.“ 的父元素里面的à第二個(gè)子元素”的意思就是:.box這個(gè)元素里面的第二個(gè)子元素:
6.別忘記我們第1條里面的“確定了選擇的是.box元素里面的p元素”,我們確定了這個(gè)第二個(gè)元素就是p元素,因此得出的效果是:
怎么樣?現(xiàn)在明白.box p:nth-child(2)是什么意思了吧~那我們?cè)賮?lái)看下.box p:nth-of-type(2)吧~
.box p:nth-of-type(2)
.box p:nth-of-type(2)的效果是選擇出了第二個(gè)p標(biāo)簽,也就是.box里的第三個(gè)子元素。
翻譯下:
1.確定了選擇的是.box元素里面的p元素。
2.選擇的是.box的子元素里面àp元素à的父元素里面的à第二個(gè)p元素。
3.我們來(lái)分析下第二點(diǎn)到底是什么意思:”.box的子元素里面àp元素”指的是這兩個(gè)元素:
4.“ p元素à的父元素”指的就是.box這個(gè)元素:
5.“ 的父元素里面的à第二個(gè)p元素”的意思就是:.box這個(gè)元素里面的p元素里的第二個(gè),所以這里我們就不用管其他元素,只找p元素就可以了,因此選擇出的結(jié)果是:
案例中的.box p:nth-child(2)和.box p:nth-of-type(2)區(qū)別就在于是第二個(gè)子元素還是第二個(gè)p元素
其實(shí)區(qū)別很簡(jiǎn)單::nth-of-type為什么要叫:nth-of-type?因?yàn)樗且?quot;type"來(lái)區(qū)分的。所以我們只需要找這個(gè)類型的元素,其他元素都可以視而不見(jiàn)。
>>本文地址:http://www.jecan.cn/zhuanye/2020/55049.html
聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
1 您的年齡
2 您的學(xué)歷
3 您更想做哪個(gè)方向的工作?
07月15日Java
咨詢/試聽(tīng)07月15日Python+人工智能
咨詢/試聽(tīng)07月15日Web前端
咨詢/試聽(tīng)07月15日UI設(shè)計(jì)
咨詢/試聽(tīng)07月15日大數(shù)據(jù)
咨詢/試聽(tīng)07月15日Java
咨詢/試聽(tīng)07月15日Python+人工智能
咨詢/試聽(tīng)07月15日Web前端
咨詢/試聽(tīng)07月15日UI設(shè)計(jì)
咨詢/試聽(tīng)07月15日大數(shù)據(jù)
咨詢/試聽(tīng)