在使用CSS樣式時(shí),經(jīng)常用到屬性選擇器來(lái)選取特定的HTML元素。而在IE瀏覽器中,對(duì)屬性選擇器的支持并不完美。下面就來(lái)詳細(xì)介紹一下IE瀏覽器下屬性選擇器的使用方法。
/*針對(duì)某一屬性選擇節(jié)點(diǎn)*/ [attr] { property: value; } /*某一屬性有特定值*/ [attr=value] { property: value; } /*某一屬性以特定值開(kāi)頭*/ [attr^=value] { property: value; } /*某一屬性包含特定值*/ [attr*=value] { property: value; } /*某一屬性以特定值結(jié)尾*/ [attr$=value] { property: value; } /*某一屬性包含特定獨(dú)立的值*/ [attr~=value] { property: value; }
以上是常用的屬性選擇器,但是在IE瀏覽器中,有些屬性選擇器不被支持。
例如,在IE7及其以下版本瀏覽器中,只支持[attr]和[attr=value]這兩種簡(jiǎn)單的屬性選擇器,而[attr^=value]、[attr*=value]、[attr$=value]、[attr~=value]并不被支持。
同時(shí),在IE8及其以下版本瀏覽器中,對(duì)于以某個(gè)值開(kāi)頭的屬性選擇器也存在兼容性問(wèn)題。比如[attr^=value]選擇器,只對(duì)屬性值完全匹配value的元素有效,而對(duì)于屬性值以value開(kāi)頭的元素則無(wú)效。此時(shí),可以使用JavaScript來(lái)解決兼容性問(wèn)題。
以上是一段針對(duì)IE瀏覽器的JavaScript代碼,解決了[attr^=value]屬性選擇器在IE下的兼容性問(wèn)題,大家可以根據(jù)自己的情況進(jìn)行修改。