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

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比南木林網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式南木林網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋南木林地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。

方法：

以實(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 

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

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

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

感悟（廢話）：

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

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