IE你夠了！CSS選擇器

keithyau 發布于2019-08-28 17:56 / 1215人閱讀

摘要：但是，我們必須要把心頭的痛體會清楚了解對選擇器的支持，在時，根據需求來使用。額，首先，是不支持屬性選擇器的，但的都支持問什么是屬性選擇器屬性選擇器長這樣。

做一個用CSS能隨心所欲對DOM操作的前端工程師吧。但是，我們必須要把心頭的痛體會清楚！了解IE對CSS選擇器的支持，在psd2html時，根據需求來使用。

IE6

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

問：什么是屬性選擇器？

屬性選擇器長這樣。

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

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

IE8

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

 /*如果覺得陌生可以自己去查看文檔，這里主要是總結IE對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

非常愛的:before :after IE8是支持的！

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

GPU云服務器云服務器 css選擇器基礎選擇器css css選擇跳轉html顯示ie8css

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/110908.html

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

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

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

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

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

摘要：經過對前端技術的學習，感觸良多，雖然之前也接觸過前端的知識，但是沒有進行系統的學習過，在大三上學期學過和簡單的，老師也沒有深度講解，知識也沒有形成體系，經過一段時間的學習，有以下感觸與大家分享整個前端知識就像一座房子，而是磚，建一個網頁，里經過對前端技術的學習，感觸良多，雖然之前也接觸過前端的知識，但是沒有進行系統的學習過，在大三上學期學過h5和簡單的css，老師也沒有深度講解，知識也沒有形...

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

摘要：和這樣的預處理器，讓我們的代碼保持良好的結構和可維護性。這是否意味著變量已經無關緊要了呢那可未必，主要是因為，變量與預處理器中的變量其實是不同的東西。而你是無法對預處理器中的變量做上面這些操作的。本文翻譯自：https://www.sitepoint.com/practical-guide-css-variables-custom-properties/ 轉載請注明出處：葡萄城官網，葡萄城...

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

摘要：變量，或者用它的官方稱謂，叫作自定義屬性，已經可用，并且有非常棒的瀏覽器支持，而也正在取得進展。這是否意味著變量已經無關緊要了呢那可未必，主要是因為，變量與預處理器中的變量其實是不同的東西。轉載請注明出處：葡萄城官網，葡萄城為開發者提供專業的開發工具、解決方案和服務，賦能開發者。 Sass和Less這樣的預處理器，讓我們的CSS代碼保持良好的結構和可維護性。像變量、混合(mixin...

source 2019-08-29 16:33 評論0 收藏0