2010-12-20 60 views
2

我使用從這個項目IE9.js:http://code.google.com/p/ie7-js/爲第n個孩子選擇Internet Explorer的支持

對於它運作良好,在大多數情況下,實現對CSS的支持,例如在Internet Explorer 7的不透明度但是它不」 t支持:nth-​​child()選擇器。有沒有解決這個純粹使用JavaScript的方法?我的意思是我的CSS將被JavaScript和CSS屬性應用於匹配元素。 我知道這個問題可以通過使用元素類或使用jQuery(或其他框架)來選擇元素來解決。然而這並不理想。

理想情況下,我想讓我的演示代碼在一個地方(CSS)不分散在我的項目周圍。

編輯貌似這個IE庫可能做到這一點:http://selectivizr.com/

+0

這是一個小型圖書館 – qwertymk 2010-12-20 06:03:06

+1

我不知道是否有一個非常好的非託管庫ie。但ie7-js和selectivizr絕對可以改善體驗。 – Keyo 2010-12-20 06:07:09

+0

我知道你不想分開這些東西,但是這裏是我的javascript解決方案:https://gist.github.com/yckart/5652296 – yckart 2013-05-27 09:12:01

回答

1

對於非IE6瀏覽器,你可以使用相鄰兄弟選擇,如果子元素的類型都是一樣的。例如,如果你想在列表中選擇第5子li元素:

UL:第一胎>鋰離子李+李+李+李 { ... }

0

有一個很多方法來完成這個,但最簡單的方法是採用像jQuery這樣的助手庫。它支持所有瀏覽器中的這些選擇器,併爲您提供更多的工具。

如果您不能添加依賴項,只需選擇一個類似的庫並提取該特定的實現(確保許可證允許)。

對不起,但我沒有看到你在後期引用jQuery ...請忽略上述內容。但是,http://selectivizr.com/似乎是一個不錯的工具。