2012-01-16 12 views
0

다른 셀렉터에서 이미 정의 된 스타일을 일부 셀렉터에 적용하고 싶습니다 (적용 가능한 경우).다른 선택기에서 선택기 스타일을 적용하는 방법은 무엇입니까?

일부 선택자의 일부 외부 CSS 파일에 이미 정의 된 스타일이 있으므로이 작업을 수행하고 싶습니다. 복사 및 붙여 넣기를하지 않거나 나중에 외부 CSS 파일이 변경되면 (분할 및 정복) CSS 파일을 편집 할 필요없이 다른 선택기에서이 스타일을 복제하려고합니다. 이 같은

뭔가 :

외부 CSS 파일 :

table tfoot td { 
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf)); 
} 

내 CSS 파일 :

table thead td { 
    getStyle(table tfoot td); 
} 

이 가능합니까?

+0

불가능합니다. – BoltClock

+2

가장 좋은 방법은 스타일 블록을 클래스로 만드는 것입니다. – Triztian

+1

JavaScript를 사용하여 선택기에서 다른 셀렉터로 스타일을 복사하면 스타일을 공유 할 수 있습니다. – DwB

답변

3

네이티브 CSS에서는 실제로 그렇게 할 수 없습니다. SCSS 또는 LESS과 같은 전 처리기를 사용해야하며 변수를 사용해야합니다.

설명 : Triztian은 자신의 의견에서 클래스와 같이 재사용 가능한 선택기를 사용하여 원시 CSS를 사용할 수 있다고 지적했으나 한 선택자에서 다른 선택자로 스타일을 실제로 복사하는 것은 불가능합니다.

+0

하지만 내가 너희에게 맞다면 -이 경우에는 외부 CSS 파일을 변경해야 할 것이다. 나 맞아? – rapt

+0

예, 선택자간에 CSS 정의를 공유하려면 클래스를 사용하도록 외부 CSS 파일을 변경해야합니다. – DwB

관련 문제