跟Howard學(xué)LESS之初見LESS

發(fā)布時(shí)間：2020-06-17 20:41:08 來源：網(wǎng)絡(luò) 閱讀：197 作者：howardvictor 欄目：web開發(fā)

跟Howard學(xué)LESS之初見LESS，上代碼：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>跟Howard學(xué)LESS之初見LESS</title>
    <style type="text/css">
        .conten ul{
            list-style: none;
        }
        .conten li{
            height: 25px;
            line-height: 25px;
            padding-left: 15px;
            background: url("arr.jpg") no-repeat center left;
        }
        .conten li a{
            text-decoration: none;
            color: #535353;
            font-family: microsoft yahei, "黑體", Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica;
        }
        /*less的寫法如下*/
        .conten {
            ul{
                list-style: none;
            }
            li{
                height: 25px;
                line-height: 25px;
                padding-left: 15px;
                background: url("arr.jpg") no-repeat center left;
                a{
                    text-decoration: none;
                    color: #535353;
                    font-family: microsoft yahei, "黑體", Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica;
                }
            }
        }
    </style>
</head>
<body>
<div class="conten">
    <ul>
        <li><a >大蒜祛斑</a>這是測試文檔</li>
        <li><a >中藥祛斑</a>這是測試文檔</li>
        <li><a >大蒜祛斑</a>這是測試文檔</li>
    </ul>
</div>
</body>
</html>

Less部份：

.conten {
ul{
list-style: none;
}
li{
height: 25px;
line-height: 25px;
padding-left: 15px;
background: url("arr.jpg") no-repeat center left;
a{
text-decoration: none;
color: #535353;
font-family: microsoft yahei, Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica;
}
}
}

向AI問一下細(xì)節(jié)

跟Howard學(xué)LESS之初見LESS

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽