타사 스타일링 스타일링하기

Question

제 3 자 각형 요소에 CSS 스타일을 적용하는 가장 좋은 방법은 무엇입니까? 예 : Material 또는 ngx-datatable? 두 가지 방법을 이미 생각할 수 있습니다.

1. 특정 타사 구성 요소의 CSS 클래스를 재정의하십시오. 단점은 내부 구현 (클래스 이름 등)을 고수하면서 구성 요소를 최신 버전으로 업그레이드하면 스타일이 깨질 수 있다고 생각할 수 있다는 점입니다.

2. 타사 구성 요소의 전체 코드베이스를 복제하고 CSS를 직접 업데이트하십시오. 유지 관리 할 소스 코드의 상당 부분 일 수 있으며 버전을 업그레이드하기로 결정한 경우 병합이 필요합니다.

어떤 생각이 왜 더 낳고 그것이 어떤 결과를 가져올 수 있는지에 대한 평가가 있습니다.

Answer 1

스타일 코드를 재정의하기 위해서만 lib를 포킹하는 것은 옵션이 아닙니다. styles.css 파일에서 CSS를 오버라이드해야합니다!

Answer 2

1. 당신은하지 librairy의 CSS 파일에, 당신의 styles.css 파일에 을 CSS를 대체 ​​할 수 있습니다. 파일에 CSS 선택기를 추가하고 여기에 스타일을 추가하십시오. !important 마크를 사용하여 스타일을 재정의하십시오. lib의 향후 업데이트에 대해 걱정할 필요가 없습니다.

2. 작은 스타일링을위한 포킹은 옵션이 아닙니다! 이것은 유지하기가 매우 어렵습니다.