<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        CSS的未來發展方向

        來源:懂視網 責編:小采 時間:2020-11-27 18:51:48
        文檔

        CSS的未來發展方向

        CSS的未來發展方向:什么時候普通的CSS才能優秀到替代Sass, Less, Stylus, 以及 rest? Web開發人員必須要面對的最艱難的一個事實是大多數人在瀏覽網站的時候使用的還是老版本、低功能的瀏覽器。瀏覽器一直在增加新的功能,但你通常沒法使用這些功能,除非你愿意失去大量沒有更
        推薦度:
        導讀CSS的未來發展方向:什么時候普通的CSS才能優秀到替代Sass, Less, Stylus, 以及 rest? Web開發人員必須要面對的最艱難的一個事實是大多數人在瀏覽網站的時候使用的還是老版本、低功能的瀏覽器。瀏覽器一直在增加新的功能,但你通常沒法使用這些功能,除非你愿意失去大量沒有更

          下面是一個使用@apply規則的例子:

        body { 
         --alert: { 
         color: white; 
         padding: 15px; 
         margin: 1rem 0; 
         border-radius: 6px; 
         }
        } 
        .alert-success { 
         @apply --alert; 
         background-color: olivedrab;
        }
        .alert-warning { 
         @apply --alert; 
         background-color: firebrick;
        }

          在寫這篇文章時(2016年4月8日),這個功能仍舊非常新,并沒有被谷歌瀏覽器甚至 Chrome Canary 支持,但是在最新的 Chromium nightly 中通過啟用標記(flag)是可以實現的。

          自己來嘗試@apply規則的話, 可以先下載最新的Chromium,然后從通過啟用標記來實現@apply。下面是在 OS X系統中的做法:

        /Applications/Chromium.app/Contents/MacOS/Chromium \ --enable-blink-features=CSSApplyAtRules

          查看以上規則所有組合出來的炫酷樣式,可以參考我的 codepen 演示:

          @apply 在Chromium瀏覽器上的 Codepen 演示

         從現在開始編寫未來的的CSS

          一旦@apply被Chromium 和 Electron所支持,我們就能夠使用原生CSS編寫干凈可維護的樣式。但在那一天到來之前,我們仍然需要不斷地學習預處理器來填補這些空白。

          現在有至少兩個項目允許你寫未來的CSS: Myth 和 cssnext。在這兩個項目中,cssnext 更加活躍,甚至有一個專門的git issue來促進 @apply 的實現 (譯者注: 最新版本的 postcss-cssnext 已經支持 @apply 規則)。

          

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        CSS的未來發展方向

        CSS的未來發展方向:什么時候普通的CSS才能優秀到替代Sass, Less, Stylus, 以及 rest? Web開發人員必須要面對的最艱難的一個事實是大多數人在瀏覽網站的時候使用的還是老版本、低功能的瀏覽器。瀏覽器一直在增加新的功能,但你通常沒法使用這些功能,除非你愿意失去大量沒有更
        推薦度:
        標簽: 發展 的發展 未來
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲最新视频在线观看| 国产精品免费小视频| 久久精品国产精品亚洲人人| 亚洲中文字幕无码久久| 国产成人精品免费视频大全麻豆| 亚洲情综合五月天| 又大又硬又粗又黄的视频免费看| 午夜男人一级毛片免费| 亚洲一级大黄大色毛片| 97国产免费全部免费观看| 久久亚洲私人国产精品| 毛片在线播放免费观看| 亚洲中文字幕无码一区二区三区| 老司机精品视频免费| 免费在线观看中文字幕| 国产亚洲精品91| 亚洲va中文字幕无码| 国产精品自拍亚洲| 亚洲AV无码乱码精品国产| 黄色网址免费在线| 亚洲精品一级无码中文字幕| 成人a毛片视频免费看| 亚洲性日韩精品一区二区三区| 特级毛片aaaa级毛片免费| 亚洲AV无码成H人在线观看 | 久久久久亚洲av毛片大| eeuss草民免费| 亚洲男同帅GAY片在线观看| 巨胸狂喷奶水视频www网站免费| 久久久久亚洲AV成人网人人软件| 嫩草在线视频www免费看| 在线观看亚洲人成网站| 99热在线精品免费全部my| 亚洲av午夜国产精品无码中文字| 又黄又爽的视频免费看| 91免费国产视频| 亚洲乱码日产精品BD在线观看| 永久免费AV无码国产网站| 无码天堂va亚洲va在线va| 亚洲日韩欧洲乱码AV夜夜摸| 3344免费播放观看视频|