在前端設(shè)計(jì)中，不少的前端工程師都會(huì)遇到兼容問(wèn)題，nth作為我們平時(shí)寫靜態(tài)頁(yè)經(jīng)常常見(jiàn)的一個(gè)屬性，也會(huì)經(jīng)常用到，今天文匯軟件的小編就來(lái)跟大家分享下自己的工作經(jīng)驗(yàn)。

首先小編以自己近期的項(xiàng)目為例，以下這個(gè)簡(jiǎn)單的頁(yè)面想必很多人都會(huì)排，這里面如果想讓其左右居頂上下居中的話有很多方法，相信很多人會(huì)想到flex布局，那樣是很簡(jiǎn)單 也省去了不少的代碼量，但是必須告訴你ie10以下完全不支持這種布局，一般來(lái)說(shuō)其他人想到的就是浮動(dòng)布局，可是這樣就到了我們今天的話題  使用浮動(dòng)布局你想讓其對(duì)其肯定是需要指定哪個(gè)元素的邊界值為0的；這里呢；有兩種辦法一種是所有瀏覽器都支持的：first-child,但是那樣實(shí)在太麻煩了 比如li第二個(gè)就是li：first-child+li;第五個(gè)就是li:first-child+li+li+li+li;第三十個(gè)就是li:first-child+li+li+li+li+...;還有種辦法是nth(n);但是他也是在ie9一下完全不支持的。

到了ie8就是這樣的

是不是很郁悶?zāi)兀窟@里呢就需要引入下面的代碼（在ie8下起作用），就是老版本的jquerry

然后自己寫一段代碼   為nth(n)的父級(jí)起個(gè)類名如下圖

然后把起好的類名給他們的父級(jí)就可以了

怎么樣  小編的分享是不是很實(shí)用呢，很實(shí)用就多來(lái)關(guān)注文匯軟件吧。