以下CSS可以进一步简化吗？

Question

下面的CSS可以进一步简化吗？

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

Answer 1

这在很大程度上取决于您的HTML结构以及您正在使用的其他类。

以下slector将匹配所有类别名称以k-开头的元素 AND 父级为.secondLevel类，父级为{{1} }类。 ：

.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);
 }