inflearn logo
강의

講義

知識共有

Svelte.js [Core API] 完全ガイド

30. word-breakの適用と製品モードのログの削除(@rollup/plugin-strip)

:global() 에서 & 적용이 안되는거 같아요

298

yifi10040644

投稿した質問数 9

2

:global() 에서 & 적용이 안되는거 같아요

bundle.css에서도 &.sortable-chosen

이런식으로 나오는데 뭐가 문제인가요?

어느순간부터 갑자기 적용이 안되네요..

&.className 이나 &:hover 이런거 잘 되고

:global(.className) 이것도 잘 되는데

:global()에 & 이게 들어가면 적용이 안되네요

 

일단은 따로 빼서 :global(.list.sortable-chosen) 이렇게 사용하는중입니다..

svelte Sortable Rollup

回答 1

1

HEROPY

최혁준 님 안녕하세요!
질문이 올라온지 한달이나 되었네요. 제가 전혀 모르고 있다가 이제야 확인했어요..ㅠㅜ
많이 기다리셨을 텐데 정말정말 죄송해요..🙏

언제 바뀌었는지 정확한 버전은 확인을 못했는데, 컴파일러 버전이 달라지면서 :global() 해석이 현재 HTML 템플릿에 없는 내용은 무시하는 듯해요.(원래는 안 그랬어요..)

.sortable-chosen은 HTML 템플릿에는 없고 라이브러리가 런타임에서 추가하는 선택자니까요.

&.className이나 &:hover는 참조할 선택자가 작성한 HTML 템플릿에 있기 때문에 잘 동작하고요.

그래서 결과적으로 혁준 님께서 사용하시는 방법처럼 :global(.list.sortable-chosen)과 같이 작성하는 게 맞을 듯합니다.

56강 4. 슬롯 포워딩이 Svelte 5 부터는 적용 불가

0

208

1

5 라이프사이클 모듈화 - 질문

0

285

1

소스코드

0

268

1

스벨트킷 강의는 안해주시나요?

0

334

1

강의 소스 코드

1

657

2

aws ec2 배포시 질문

1

883

2

vite 사용하는 예시 추가 계획은 없으실까요?

2

444

1

터미널에서 npx를 치실 때 흐린색으로 가이드처럼 나오는건 어떻게 해야 하나요?

1

379

1

textarea에서 esc 키를 누를 때 오류

1

334

1

스벨트 반응성에 대해 질문드립니다!

1

470

1

백엔드는 어떻게 배우면 좋을까요?

1

305

1

scss를 사용하기 위한 sveltePreprocess() 실행 위치가?

1

394

1

보간한다는 뜻을 무슨 의미로 이해해야 하나요?

1

6130

2

[0:15] Vuejs 인라인 핸들러 비권장 설명

1

304

1

로그인 정보를 확인할 때

1

251

1

재렌더링 때 interval 처리 질문

1

287

1

7:10초 설명에 질문 있습니다.

1

268

1

promise 변수에 초기값 관련 질문입니다.

1

383

2

혹시 vue 처럼 classObject 객체를 통해 제어하는 방법은 없을까요?

1

232

1

onMount 응용해서 적용해보려고 하는데 오류가 나네요.

1

342

1

패키지 설치 시 퍼미션 에러

1

296

1

스토어를 왜 사용하는지 궁금합니다

0

237

1

node-sass 설치 오류

1

2055

2

Uncaught (in promise) TypeError 오류 질문

1

1186

2