html5 - HTML이나 JS가 .css 속성을 동적으로 변경할 수 있나요?

Question

예를 들어, 입력값 내용에 따라 *.css 또는 <style>의 속성값을 변경할 수 있나요?
예: input:color 태그를 사용하여 선택한 색상 값을 가져오고 스크롤 막대의 색상을 업데이트하시겠습니까? (인라인이 아닌 선택기를 사용해야 합니다)

---

지금 생각나는 한 가지 방법은 js를 사용하여 현재 페이지에 <style>을 만든 다음 이 태그의 콘텐츠를 수정하는 것입니다. 다른 아이디어가 있는지 궁금하세요?

---

제가 명확하게 설명하지 않은 것 같습니다. CSS 스타일 시트의 속성 값은 값에 따라 제공되어야 합니다. 예를 들어 사용자가 #6ec42a를 선택하면 스크롤 막대가 #6ec42a 색상이 됩니다. 이런 경우 CSS 파일을 미리 준비하는 것이 쉽지 않습니다. 16진수 색상을 모두 소진해서 다른 CSS 파일을 만들 수는 없을까요? 그런데 방금 공유해 주신 방법은 너무 감사해요. 저도 잘 몰라서 방금 배웠어요!

Answer 1

다양한 계획으로 여러 개의 .css 파일을 작성하고 상황에 따라 js를 사용하여 CSS 파일을 동적으로 로드하세요

Answer 2

예를 들어, 입력값 내용에 따라 *.css나 <style>의 속성값을 변경하고 싶은 경우도 가능한가요?
*.css를 속성 선택기로 바꿀 수 있습니다
예: $("[href*=aaa.css]").attr({href: 'bbb.css'});