>

아래 CSS를 더 단순화 할 수 있습니까?

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


  • 답변 # 1

    이것은 HTML 구조와 사용중인 다른 클래스에 크게 좌우됩니다.

    다음 슬레이터는 k- 로 시작하는 클래스 이름을 가진 모든 요소와 일치합니다.  AND에는 .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>
    
    

  • 이전 reactjs - 반응 redux의 업데이트 상태
  • 다음 azure search - 각 패싯에 대한 최상위 문서 반환