這篇文章主要為大家展示了CSS如何選擇所有子元素添加樣式，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學(xué)習(xí)一下“CSS如何選擇所有子元素添加樣式”這篇文章吧。

我們提供的服務(wù)有：做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、岱岳ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的岱岳網(wǎng)站制作公司

方法：

以實(shí)際項(xiàng)目中l(wèi)ess為例：

.lk-toolbar {
    .el-input {
        width: 169px;
        margin-right: 10px;
    }
    > * {
        margin-bottom: 20px;
    }
}

上面代碼成功實(shí)現(xiàn)了 .lk-toolbar 下一切子元素的 margin-bottom: 20px

這么一來避免羅列各種可能出現(xiàn)的子元素類型，傻逼式操作：

.lk-toolbar {
    .el-input {
        width: 169px;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .el-button, .el-date-editor {
        margin-bottom: 20px;
    }
}

應(yīng)用場景（效果）：

感悟（廢話）：

一開始納悶CSS中到底有沒有這種選擇全部子元素的選擇器呢，后來看了下文檔，發(fā)現(xiàn)雖然沒有，但是最基本的方法人家已經(jīng)告訴你了，剩下的就靠你自己的造化了（看你會不會變通使用?。?/p>

以上就是關(guān)于“CSS如何選擇所有子元素添加樣式”的內(nèi)容，如果改文章對你有所幫助并覺得寫得不錯，勞請分享給你的好友一起學(xué)習(xí)新知識，若想了解更多相關(guān)知識內(nèi)容，請多多關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

標(biāo)題名稱：CSS如何選擇所有子元素添加樣式-創(chuàng)新互聯(lián)
文章URL：http://weahome.cn/article/disdgi.html