IE你夠了！CSS選擇器

keithyau 發(fā)布于2019-08-28 17:56 / 1217人閱讀

摘要：但是，我們必須要把心頭的痛體會(huì)清楚了解對(duì)選擇器的支持，在時(shí)，根據(jù)需求來(lái)使用。額，首先，是不支持屬性選擇器的，但的都支持問(wèn)什么是屬性選擇器屬性選擇器長(zhǎng)這樣。

做一個(gè)用CSS能隨心所欲對(duì)DOM操作的前端工程師吧。但是，我們必須要把心頭的痛體會(huì)清楚！了解IE對(duì)CSS選擇器的支持，在psd2html時(shí)，根據(jù)需求來(lái)使用。

IE6

額，首先，IE6是不支持屬性選擇器的，但>=IE6的IE都支持

問(wèn)：什么是屬性選擇器？

屬性選擇器長(zhǎng)這樣。

img[src^="alert"]      /*在img元素src屬性里以alert開(kāi)頭的均滿足選擇條件*/
img[src$="alert"]      /*在img元素src屬性里以alert結(jié)尾的均滿足選擇條件*/
img[src*="alert"]      /*只要src包含alert字符就滿足條件*/
img[src~="us"]         /*必須src里的us前有空格才滿足條件*/
img[src|="us"]         /*必須src里的us前有-才滿足條件*/

其次，IE6是不支持+ ~ > 這三個(gè)選擇器，還有:lang(en-us)、:first-line、:first-letter.
IE6是支持:link / :visited /:hover/ :active /:enabled/ :disabled

IE8

IE8不支持以下選擇器：（以下>=IE9，均支持）:

 /*如果覺(jué)得陌生可以自己去查看文檔，這里主要是總結(jié)IE對(duì)css選擇器的支持情況*/
 input:not([type="submit"])
 :target
 :nth-child()
 :nth-last-child()
 :nth-of-type()
 :first-child
 :last-child
 :first-of-type
 :last-of-type
 :only-child
 :only-of-type
 :empty

非常愛(ài)的:before :after IE8是支持的！

如果你喜歡這篇文章，輕輕推薦一下

云服務(wù)器 GPU云服務(wù)器 css選擇器基礎(chǔ)選擇器css css選擇跳轉(zhuǎn)html顯示ie8css

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/110908.html

相關(guān)文章

sass筆記-2|Sass基礎(chǔ)語(yǔ)法之讓樣式表更具條理性和可讀性

摘要：這個(gè)時(shí)候小明如果僅僅引入不想改，那么就是這個(gè)值，如果他想改，就可以在任何一處重新聲明這個(gè)變量，那么就會(huì)變成小明的值。這一篇主要詳述保持sass條理性和可讀性的3個(gè)最基本方法——嵌套、導(dǎo)入和注釋。零. 變量變量本身的作用是為了保持屬性值的可維護(hù)性，把所有需要維護(hù)的屬性值放在同一個(gè)地方，快速更改，處處生效，可謂售后無(wú)憂。 1.變量聲明變量用$符號(hào)開(kāi)頭進(jìn)行聲明，任何可以用作CSS屬性...

CloudDeveloper 2019-08-30 13:10 評(píng)論0 收藏0
CSS 選擇器，一篇就夠了

摘要：摘自簡(jiǎn)介選擇器是規(guī)則的一部分且位于聲明塊前。選擇器選擇器由哈希磅符號(hào)組成，后面是給定元素的名稱。通用選擇器通用選擇是最終的王牌。子選擇器允許您選擇一個(gè)元素，該元素是另一個(gè)元素的直接子元素。該選擇器僅選擇屬性被賦值為的所有元素。摘自 MDN web docs 簡(jiǎn)介選擇器是 CSS 規(guī)則的一部分且位于 CSS 聲明塊前。 showImg(https://segmentfault.com...

Songlcy 2019-08-30 14:03 評(píng)論0 收藏0
前端隨筆（雜談）

摘要：經(jīng)過(guò)對(duì)前端技術(shù)的學(xué)習(xí)，感觸良多，雖然之前也接觸過(guò)前端的知識(shí)，但是沒(méi)有進(jìn)行系統(tǒng)的學(xué)習(xí)過(guò)，在大三上學(xué)期學(xué)過(guò)和簡(jiǎn)單的，老師也沒(méi)有深度講解，知識(shí)也沒(méi)有形成體系，經(jīng)過(guò)一段時(shí)間的學(xué)習(xí)，有以下感觸與大家分享整個(gè)前端知識(shí)就像一座房子，而是磚，建一個(gè)網(wǎng)頁(yè)，里經(jīng)過(guò)對(duì)前端技術(shù)的學(xué)習(xí)，感觸良多，雖然之前也接觸過(guò)前端的知識(shí)，但是沒(méi)有進(jìn)行系統(tǒng)的學(xué)習(xí)過(guò)，在大三上學(xué)期學(xué)過(guò)h5和簡(jiǎn)單的css，老師也沒(méi)有深度講解，知識(shí)也沒(méi)有形...

caohaoyu 2019-04-23 13:25 評(píng)論0 收藏0
CSS變量（自定義屬性）實(shí)踐指南

摘要：和這樣的預(yù)處理器，讓我們的代碼保持良好的結(jié)構(gòu)和可維護(hù)性。這是否意味著變量已經(jīng)無(wú)關(guān)緊要了呢那可未必，主要是因?yàn)椋兞颗c預(yù)處理器中的變量其實(shí)是不同的東西。而你是無(wú)法對(duì)預(yù)處理器中的變量做上面這些操作的。本文翻譯自：https://www.sitepoint.com/practical-guide-css-variables-custom-properties/ 轉(zhuǎn)載請(qǐng)注明出處：葡萄城官網(wǎng)，葡萄城...

番茄西紅柿 2019-04-23 13:26 評(píng)論0 收藏0
CSS變量（自定義屬性）實(shí)踐指南

摘要：變量，或者用它的官方稱謂，叫作自定義屬性，已經(jīng)可用，并且有非常棒的瀏覽器支持，而也正在取得進(jìn)展。這是否意味著變量已經(jīng)無(wú)關(guān)緊要了呢那可未必，主要是因?yàn)椋兞颗c預(yù)處理器中的變量其實(shí)是不同的東西。轉(zhuǎn)載請(qǐng)注明出處：葡萄城官網(wǎng)，葡萄城為開(kāi)發(fā)者提供專業(yè)的開(kāi)發(fā)工具、解決方案和服務(wù)，賦能開(kāi)發(fā)者。 Sass和Less這樣的預(yù)處理器，讓我們的CSS代碼保持良好的結(jié)構(gòu)和可維護(hù)性。像變量、混合(mixin...

source 2019-08-29 16:33 評(píng)論0 收藏0