2016-08-24 2 views
0

방금 ​​SCSS에 들어갔다. 이전에 질문을 받았다면 사과드립니다.하지만 찾을 수있는 것은 아무것도 없었습니다.SCSS에서 div의 클래스에 액세스

클래스를 특정 div에 동적으로 할당하는 .erb보기가 있습니다.

@each $c in CLASSES { 
    $g: $g, $c; 
} 
linear-gradient(to bottom right, $g); 
//would be equivalent to linear-gradient(to bottom right, #F00, #0F0, #00F); 
+0

그리고 당신은 수업이 무엇인지 또는 그들이 무엇을 할 수 있는지 모른다. – Barryman9000

+0

색상 쌍의 이름 해시가 있지만 각 div의 하위 집합이 어떤 것인지 알지 못하므로 클래스 이름을 통해 반복 할 수 없습니다. –

답변

0

말대꾸는 CSS 전 처리기 의미입니다 :

<div class="red blue green">Hello world!</div> 

나는 이런 식으로 뭔가를 할 수 있도록 사업부의 모든 클래스에 액세스 할 수있는 방법이 있나요 : 예를 들어, 나는 이런 식으로 뭔가를해야 할 수도 있습니다 CSS로 컴파일되고 CSS 자체가 HTML의 존재 또는 사용 방법을 알지 못하기 때문에 수행 할 수 없습니다. 당신은 당신의 CSS를 작성하는 방법을 재고하고 아마도 유사한 방식으로 가야한다 :이 방법을 따르는 경우에

.gradient-rgb { linear-gradient(to bottom right, #F00, #0F0, #00F) } 
.gradient-gbr { linear-gradient(to bottom right, #0F0, #00F, #F00) } 
.gradient-brg { linear-gradient(to bottom right, #00F, #F00, #0F0) } 

는, 당신은 약간의 노력으로 클래스를 생성하기 위해 말대꾸 맵을 사용할 수있을 것입니다. 너무 많은 가능성을 생성하는 것이 가능하지 않은 경우 JavaScript를 사용할 수도 있습니다.

+0

그게 내가 기대하기 시작한거야. 나는 약간의 자바 스크립트를 시도 할 것이다. –

관련 문제