2017-03-28 4 views
1

여기 내가 사용 오전 NPM 패키지 : http://blueprintjs.com/docs/#components.usage특정 npm 패키지에서만 영향을받는 CSS를 제한하는 방법은 무엇입니까?

내가 CSS로 자신의 구성 요소를 사용하고 싶지만, 내가 그들의 CSS 내 자신의 CSS에 영향을주지 않습니다

. CSS 패키지가 npm 구성 요소에서만 영향을 받도록 허용 할 수 있습니까? 감사.

+0

실제로 자동으로 실행되는 방법은 없습니다. 그러나 doc의 * 매우 * 간단한 스캔에서'pseudo "네임 스페이스로'pt- *'를 사용할 수 있으므로 실제 CSS 충돌을 찾을 수 없을 것입니다 (모든 클래스에 접두어가 붙지 않았다면 'pt-'. –

답변

1

바리 존슨 (@ barry-johnson)이 위의 주석에서 말한 바로는 : pt-을 모든 CSS 클래스의 네임 스페이스로 사용하여 자신의 응용 프로그램 스타일과의 충돌을 방지합니다. 예를 들어 아무런 충돌없이 자신의 을 .pt-button 옆에 사용할 수 있습니다.

그러나 Blueprint React 구성 요소를 사용하면 Blueprint 클래스를 사용하게되고 CSS를 사용하려고합니다 (예쁜 색상이 아니기 때문에 유용 할 수 있습니다)). 희망이 도움이됩니다!