亚洲精品中文免费|亚洲日韩中文字幕制服|久久精品亚洲免费|一本之道久久免费

      
      

            <dl id="hur0q"><div id="hur0q"></div></dl>

                CSS BEM書寫規(guī)范

                CSS BEM書寫規(guī)范

                一、BEM 是塊(block)、元素(element)、修飾符(modifier)的簡(jiǎn)寫

                • – 中劃線:僅作為連字符使用
                • — 雙中劃線:表示不同狀態(tài)或不同版本
                • __ 雙下劃線:雙下劃線用來(lái)連接塊和塊的子元素

                示例

                BEM示例

                  li class "card_item card_item–active" 手機(jī) /li li class "card_item" 移動(dòng)市場(chǎng) /li li class "card_item" 科技 /li

                p class "card_desc" 外媒表示,蘋果正在對(duì)一些技術(shù)難點(diǎn)進(jìn)行技術(shù)攻關(guān),主要是保障屏 a class "card_link" href "#" 詳細(xì)內(nèi)容 /p .card { padding: 0 5rem; width: 350px; }.card_img { display: block; height: 100px; width: 100%; background: url(/images/puppies.jpg); background-size: contain;}.card_content { padding: 1.5em; background: white; }.card_list { list-style-type: none; display: flex; margin: θ; padding: 0; }.card_item–active { background: #d4d4d4; font-weight: bold; }.card_link { background: #2c8973; color: white; text-decoration: none; padding: 0.5em 1em; border-radius:0.5em; display: inline-block; margin-top: 0.5em;}

                鄭重聲明:本文內(nèi)容及圖片均整理自互聯(lián)網(wǎng),不代表本站立場(chǎng),版權(quán)歸原作者所有,如有侵權(quán)請(qǐng)聯(lián)系管理員(admin#wlmqw.com)刪除。
                用戶投稿
                上一篇 2022年6月18日 19:01
                下一篇 2022年6月18日 19:01

                相關(guān)推薦

                聯(lián)系我們

                聯(lián)系郵箱:admin#wlmqw.com
                工作時(shí)間:周一至周五,10:30-18:30,節(jié)假日休息