下面的CSS可以進一步簡化嗎？

下面的CSS可以進一步簡化嗎？下面的CSS可以進一步簡化嗎？

.firstLevel .secondLevel .k-button, 
.firstLevel .secondLevel .k-input 
.firstLevel .secondLevel .k-picker-wrap, 
.firstLevel .secondLevel .k-textbox { 
    border-style: none; 
}

來源

2017-05-31 test

你確定你的代碼是正確的嗎？ – TheDarkKnight

@SreetamDas是的，我試圖限制CSS在第二級可用的控件。它的工作和位於secondLevel元素的控件沒有邊界。我想進一步簡化它。有沒有可能或有沒有更好的方法來做到這一點？ – test

這很大程度上取決於您的HTML結構以及您正在使用的其他類。

以下slector將匹配開始k-和具有與.secondLevel類，並與.firstLevel類更大父父有一個類名的所有元素。：

.firstLevel .secondLevel [class^="k-"] {border-style:none;}

下面是一個例子：

.firstLevel .secondLevel div { 
 
    border: 1px solid green; 
 
    margin: 10px auto; 
 
} 
 

 
.firstLevel .secondLevel [class^="k-"] { 
 
    border-color: red; 
 
} 
 
.firstLevel .secondLevel div:before{ 
 
    content:' Class : ' attr(class); 
 
}

<div class="firstLevel"> 
 
    <div class="secondLevel"> 
 
    <div class="k-something"></div> 
 
    <div class="k-otherthing"></div> 
 
    <div class="m-something"></div> 
 
    <div class="k-something-else"></div> 
 
    </div> 
 
</div>

來源

2017-05-31 09:12:34

是的，它的工作。真棒。謝謝！ – test

下面的CSS可以進一步簡化嗎？

回答

相關問題