저는 모든 종류의 작업에 맞춤 요소를 사용하는 것을 좋아하지만 때로는 로드될 때까지 항목을 숨기거나 CSS에서 다른 작업을 수행하고 싶을 때도 있습니다. 간단한 해결책은 다음과 같습니다. framework-button:not(:defined) { display: none } HTML에 태그를 추가하면 버튼이 로드된 후에 표시됩니다.</p> <p>하지만 프레임워크가 커지면 이는 정말 짜증나는 일이 됩니다. 때로는 단순히 :not(:defined)를 선택하여 벗어날 수 있지만 항상 가능한 것은 아닙니다.</p> <p>(적어도 나에게는) 분명한 수정 사항: CSS에 이름 접두사 선택기가 필요하므로 이 작업을 수행하면 됩니다.<br> </p> <pre>framework-*:not(:defined) { display: none } </pre> <p>이것이 완전히 새로운 것은 아닙니다. 이미 속성 선택기를 사용하여 이러한 작업을 수행할 수 있습니다.</p> <p>그리고 요소 이름에서 -에서만 분할을 허용하면 브라우저에서도 이를 효과적으로 구현하는 것이 비교적 쉬울 것이라고 확신합니다.</p> <p>여러분은 어떻게 생각하시나요? 이것이 유용할까요? 이미 효과가 있는 더 쉬운 솔루션이 있습니까?</p>