99国产欧美久久久精品蜜臀|精品无码久久久久久久久久|亚洲国产日韩欧美一区综合|国产亚洲欧洲综合5388

<track id="jjz3x"></track>

            <menuitem id="jjz3x"><dfn id="jjz3x"><thead id="jjz3x"></thead></dfn></menuitem><bdo id="jjz3x"><optgroup id="jjz3x"></optgroup></bdo><track id="jjz3x"></track>
            <nobr id="jjz3x"><optgroup id="jjz3x"></optgroup></nobr>
          1. 咨詢電話:
            15628812133
            27
            2023/10

            Less中變量的使用

            發布時間:2023-10-27 17:18:00
            發布者:MaiMai
            瀏覽量:
            0

            上一章已經簡單介紹了一下常用的css預處理器Less。本章我們著重講解一下變量有關知識。


            變量命名規范:

            1.必須有 @ 為前綴

            2.不能包含特殊字符

            3.不能以數字開頭

            4.大小寫敏感


            變量的基本使用如圖所示:

            變量的基本使用

            除此之外,變量還可以作為插值使用,變量可以用于選擇器名、屬性名、URL、@import語句。

            用于選擇器名

            用于屬性名

            用于url引入

            用于import語句

            再來介紹一下變量的延遲加載特性:當一個變量被聲明多次,會取最后一次的值,并從當前作用域往外尋找變量。如以下語句:

            變量的延遲加載特性

            編譯后:

            .test{

              width: 1;

            }

            .test.one{

              height: 3;

            }


            less中還可以使用屬性名變量,在屬性前加上$符,這個屬性就成了變量,并且可以調用該屬性的值,如圖:

            屬性名變量

            編譯后

            .widget {

              color: #efefef;

              background-color: #efefef;

            }

            關鍵詞:
            返回列表

            <track id="jjz3x"></track>

                      <menuitem id="jjz3x"><dfn id="jjz3x"><thead id="jjz3x"></thead></dfn></menuitem><bdo id="jjz3x"><optgroup id="jjz3x"></optgroup></bdo><track id="jjz3x"></track>
                      <nobr id="jjz3x"><optgroup id="jjz3x"></optgroup></nobr>