<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
        主站蜘蛛池模板: 一级片在线免费看| 亚洲日本在线观看网址| 精品亚洲456在线播放| 野花香在线视频免费观看大全| 天天看免费高清影视| 亚洲国产片在线观看| 香港a毛片免费观看| 婷婷国产偷v国产偷v亚洲| 亚洲黄色免费电影| 亚洲人成网站在线播放影院在线 | 亚洲国产av一区二区三区| 国产亚洲精品a在线观看 | 亚洲va国产va天堂va久久| 特级毛片在线大全免费播放| 国产18禁黄网站免费观看| 亚洲av无码一区二区三区在线播放| 欧美男同gv免费网站观看| 亚洲中字慕日产2021| 91热成人精品国产免费| 亚洲视频一区二区三区| 久久国产乱子伦免费精品| 亚洲狠狠综合久久| 91久久精品国产免费直播| 亚洲日本国产乱码va在线观看| 亚欧色视频在线观看免费| 亚洲国产精品日韩在线观看| 成人免费一级毛片在线播放视频 | 亚洲av无码片在线观看| 啦啦啦中文在线观看电视剧免费版 | 67194国产精品免费观看| 亚洲国产午夜精品理论片| 毛片免费观看的视频| 国产精品亚洲精品久久精品 | 国产曰批免费视频播放免费s| 亚洲免费网站在线观看| 女人18毛片特级一级免费视频| 国产成人亚洲精品蜜芽影院| 91嫩草免费国产永久入口| 亚洲日韩精品无码专区加勒比| 又粗又硬免费毛片| 嫩草在线视频www免费观看|