이것이 가능한지 알고 싶습니다. 본문의 backgroud-color와 같은 CSS 파일에서 속성을 정의한 다음 본문에서 상속 한 동일한 색상을 갖는 입력 버튼을 지정하려고합니다. ... 이와 비슷한 것 ...클래스간에 CSS "공유"스타일
body {
background-color: #0000AA;
font-size: 12px;
color: #FFFFFF;
}
input[type="button"] {
background-color: body.background-color;
}
그래서 본문의 배경색을 변경하면 입력 버튼도 변경됩니다. 가능합니까?
감사합니다.
에 대해 어떻게 :
body, input[type="button"] {
background-color: #0000AA;
}
body {
font-size: 12px;
color: #FFFFFF;
}
또한 비슷한 달성 할 수 SCSS variables
나는 항상 이것을한다. 그러나 나의 응용에서,이 순간, 나는이 모든 색을 바꿔야한다. 나는 한 번 색을 정의 할 수 있는지, 다른 색을 정의 할 수 있는지를보고 싶었다. 다른 CSS 스타일 (예 : CSS Object Oriented)으로 정의됩니다. –
@DanieleComandini 더 나은 해결책을 찾기 위해 업데이트 된 답변을 확인하십시오. –
아니 정확히하지만 CSS Custom Properties (또한 CSS 변수)에서보기를 할 수 있습니다.
브라우저 (Edge 포함)는 지원되지만 IE는 지원하지 않습니다.
body {
--main-bg-color: brown;
background-color: var(--main-bg-color);
font-size: 12px;
color: #FFFFFF;
}
input[type="button"] {
background-color:var(--main-bg-color);
color: white;
}<input type="button" value="Button" />
말대꾸이 같은 것들에 좋은 곳입니다, 내가보기 엔 추천을 배우고, 이하 것입니다. – athms