는 다음과 같은 동적으로 생성 된 CSS를 감안할 때 :하나의 CSS 설정을 다른 설정으로 적용하는 방법은 무엇입니까?
body
{
background-color: VALUE_FROM_UI_WIDGET_HEADER_GOES_HERE;
}
자세한 내용 :
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc; }
background 값을 추출 할 수 있습니다 내가
jQuery-UI Themeroller를 사용하고 사용자가 자신의 테마를 업로드 할 수 있습니다. 페이지의 배경색이 Themeroller의 색상을 기반으로하고 싶습니다. 이렇게하면 배경색을 사용자 정의 할 수 있습니다. CSS에서만이 작업을 수행 할 수 있습니까?
에만 CSS의 관계를 정의하는 방법은 없습니다 : 이런 종류의 물건에 대한
, 당신은 일반적으로 그룹화 선택기를 사용합니다.원하는 것을 수행하려면 자바 스크립트를 사용해야합니다.
감사합니다. 처음이었다. – royco
CSS에서 "이 속성의 값은 다른 규칙 집합의 속성 값과 같아야합니다"라는 말은 없습니다.
.ui-widget-header { border: 1px solid #4297d7; }
.ui-widget-header,
body {
background: #5c9ccc;
}
대답은 정확합니다 afaik - Compass과 같은 CSS 프레임 워크 (또는 더 정확하게 "컴파일러")를 사용하면 변수, 하위 클래스 및 하위 클래스를 정의 할 수 있습니다. 비슷한 소스 파일은 라이브 CSS로 컴파일됩니다. nice roundup of CSS compilers here이 있습니다.
다른 언어를 사용하지 않고 순수 CSS로 값을 검색하는 것과는 다른 보편적 제어를 달성하기 위해 CSS를 생성하는 언어가 무엇이든간에 CSS 프레임 워크가 본질적으로 @Bob이 요구하는 것과 다르다고 주장합니다. –
나는 CSS 컴파일러에 대해 들어 본 적이 없다. 네가 내 관심을 갖게되어 기쁘다. 감사. – royco
흠, CSS로 배경색을 검색 할 수 없다고 생각합니다. Javascript에서는 확실히 가능합니다. 내가 틀렸다면 나를 바로 잡아라. –
수식을 사용하는 것이 가능할 수도 있지만 귀하의 CSS에서 너무 많은 것을 원하지는 않습니다. 귀하의 페이지 위로 마우스를 움직일 때마다 실행되기 때문에 너무 많이 사용하면 페이지의 응답 시간이 느려질 수 있습니다. –