Angular 설정 컴포넌트 CSS 스타일은 해결책을 적용하지 않습니다

작은 쓰레기 같은 놈들 · 게시됨 2020. 5. 6. 오후 5:51:23

clr-datagrid는 서드파티 데이터테이블 컴포넌트로, 이 컴포넌트는 Datagrid 스타일의 div를 생성합니다. margin-top 설정도 시도해봤지만 작동하지 않고, 코드는 다음과 같습니다:

브라우저의 개발자 모드를 사용하면 CSS 스타일을 추가해도 괜찮습니다.

용액

Angular는 향후 도구와의 호환성을 높이기 위해 ::ng-deep 명령어를 제공하여 스타일을 강제로 하위 컴포넌트에 침입할 수 있게 합니다.

CSS는 다음과 같이 수정됩니다:

로그인이 보이네요.

:host는 현재 컴포넌트를 선택하는 셀렉터를 나타냅니다.
::ng-deep은 중간 className의 중첩된 계층 관계를 무시할 수 있습니다. 수정하고 싶은 className을 직접 찾으세요.
하지만 공식 문서에 따르면 ng-deep은 향후 버전에서 포기될 것이며, 앞으로 어떤 문법이 될지는 알려지지 않았습니다.

[각] Angular 설정 컴포넌트 CSS 스타일은 해결책을 적용하지 않습니다

관련 게시물

본 섹션