다른 사람들이 자신의 웹 사이트에 포함시킬 수있는 webapp를 작성 중입니다. 이 webapp의 일부는 자체 스타일 시트가있는 대화 상자를 구성합니다. 예를 들어 내 대화 상자가 클래스 .container
에 있고 앱이 포함 된 웹 사이트에 다른 수단으로 .container
이 사용되는 경우 문제가 발생할 수 있습니다.웹 응용 프로그램에서 CSS 충돌 방지
내 모든 클래스의 이름을 .appname-container
과 같은 것으로 바꾸고 다른 솔루션이없는 경우이를 수행 할 것입니다. 그러나 나는 가능한 한 게으르고 싶습니다. 내가 제어 할 수없는 스타일 시트와의 예기치 않은 충돌을 방지하는 쉬운 방법이 있습니까?
편집 : 내 웹 애플리케이션은 <video>
요소 주위에 자신을 감싸고, 그래서 <iframe>
들 사용될 수 있다는 것을 확실하지 않다.
가장 좋은 대답은 질문에 있습니다. 나는 앱명 접두사 기술을 정확하게 따를 것이다. –