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