특정 스타일을 사용하는 CSS 클래스 추출

사용자가 기본 색상을 변경할 수있는 WordPress 테마 모듈을 만드는 중입니다.특정 스타일을 사용하는 CSS 클래스 추출

여기에 원래 스타일 시트의 : 오히려 잔인한 일을하고 덜 컴파일러를 구현하는 것보다, 내가 이런 식으로 할 것입니다 이제

.header a:hover 
{ 
    color: #fff; 
    width: 123px; 
    height: 456px; 
} 
.header 
{ 
    background-color: #000; 
    width: 100%; 
    height: 200px; 
}

을, 위 같은 스타일 시트를 구문 분석하고 모든 추출하는 방법이 필요합니다 특정 색상을 포함하는 스타일. 어쩌면 나는 색상 다음 추출 "#fff"와 "# 000"를 입력 할 수있는 도구 :

.header a:hover 
{ 
    color: #fff; // matched (removed the rest) 
} 
.header 
{ 
    background-color: #000; // matched (removed the rest) 
}

이 방법은, 내가 PHP 파일에 위의 내용을 포함하고 각각의 원색을 렌더링 간단하게 할 수 동적으로 기본 스타일 시트를 대체합니다.

누구에게 도구가 있는지 알고 있습니까? 색상을 수동으로 검색하고 스타일을 추출하는 것보다 훨씬 쉽습니다.

출처

2013-12-15 JDR

꽤 큰 주문입니다. 왜 덜 사용하지 않습니까? 컴파일러를 구현하지 않고 기존 컴파일러 만 포함하면됩니다. 두 번째 아이디어는 간단한 대체를 수행하는 CSS를 뱉어내는 클라이언트 측 PHP 스크립트입니다. '/ dynamic_styles? var1 = 000 & var2 = fff' ... – janfoeh

과 같은 것이 어쨌든 LESS (또는 동급)를 다시 구현하게 될 것입니다. CSS 구문 분석이 중요하지 않습니다. –

-1

나는 PHP에서 동적 파일을 만들 것이며, CSS로 헤더를 지정

header('Content-Type: text/css');

사용 echo 현재 CSS 파일에 줄을 추가! 원하는 모든 색상에 대한 변수를 만듭니다. GET 또는 POST 요청으로 선택한 색상을 전달할 수 있습니다. CSS 파일을 브라우저 캐시하면 동적 파일을 제외해야합니다!

출처

2013-12-15 16:23:27

특정 스타일을 사용하는 CSS 클래스 추출

답변

관련 문제