下面的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可以进一步简化吗？

回答

相关问题