저는 모든 종류의 작업에 맞춤 요소를 사용하는 것을 좋아하지만 때로는 로드될 때까지 항목을 숨기거나 CSS에서 다른 작업을 수행하고 싶을 때도 있습니다.

간단한 솔루션은 다음과 같습니다:

framework-button:not(:defined) {
   display: none
}

HTML의

하지만 프레임워크가 커지면 이는 정말 짜증나는 일이 됩니다. 때로는 단순히 :not(:defined)를 선택하여 벗어날 수 있지만 항상 가능한 것은 아닙니다.

(적어도 나에게는) 분명한 수정 사항: CSS에는 이름 접두사 선택기가 필요하므로 이 작업을 수행하면 됩니다.

framework-*:not(:defined) {
   display: none
}

이것이 완전히 새로운 것은 아닙니다. 이미 속성 선택기를 사용하여 이 작업을 수행할 수 있습니다.

그리고 요소 이름에서 -에서만 분할을 허용하면 브라우저에서도 이를 효과적으로 구현하는 것이 합리적으로 쉬울 것이라고 확신합니다.

여러분 어떻게 생각하시나요? 이것이 유용할까요? 이미 효과가 있는 더 쉬운 솔루션이 있나요?