css選擇器"first-child"的妙用
發(fā)布時(shí)間:2019-03-26來(lái)源:admin
<p>
在網(wǎng)站開(kāi)發(fā)的過(guò)程中,相信大多的前端技術(shù)員都有命名恐懼癥。因?yàn)槌司W(wǎng)頁(yè)命名,css文件命名,js文件命名之外,還要對(duì)HTML里的大部分標(biāo)簽進(jìn)行“class”命名,“id”命名,js的變量命名。這些命名不僅要符合命名規(guī)范,而且還不能起到?jīng)_突。在前端的實(shí)際工作中,主要最頭疼的還是對(duì)標(biāo)簽的"class"進(jìn)行命名。有的前端工作的時(shí)候,開(kāi)頭都還命名的好好的,后面就因?yàn)橄氩坏皆撁麄€(gè)什么東西,然后就各類(lèi)比如:“cont1,cont2,cont3”就成了一種命名。為了減少前端的命名,我在這推薦<span>“</span><span>first-child</span><span>”與“l(fā)ast-child”</span>css的選擇器供大家了解。
</p>
<p>
<span>“</span><span>first-child</span><span>”與“l(fā)ast-child”是css2中就已經(jīng)支持的選擇器,在實(shí)際的網(wǎng)頁(yè)制作過(guò)程中很實(shí)用,使用起來(lái)也非常的簡(jiǎn)單</span>“first-child”與“l(fā)ast-child”指的是當(dāng)前標(biāo)簽或者類(lèi)的同胞同標(biāo)簽或者同類(lèi)標(biāo)簽的第一個(gè)標(biāo)簽和最后一個(gè)標(biāo)簽,在遇到一個(gè)"ul"和"li"結(jié)構(gòu)中,若第一個(gè)"li"元素需要特殊定義樣式,那么我們就可以使用"ul li:first-child"來(lái)給第一個(gè)"li"來(lái)定義樣式。而"last-child"的用法也是一樣的。
</p>
聯(lián)系方式: 0755-84185494