[문의] 특정 selector 에 따라 하위 class 의 기능을 다르게 하고 싶은데요. 이런것도 가능한가요?

[jinho park]

UI 를 만들다보면 상태에 따라 다른 속성을 보여주고 싶을 때가 있는데요.

혹시 이런 식으로도 작성이 가능한가요?

a {
  color: red;

  .selected {
        color: blue;      
  }
}

대략 혼자 상상해본 문법은 이렇습니다.

class="if(parent.selected):c(blue)" 

[teo.yu]

말씀하신 기능은 class=".selected:c(blue)" 로 이미 구현이 되어 있습니다. 아직 문서화가 부족한 점 양해 부탁드립니다. ㅜㅜ
알려주신 문법에 대해서도 한번 더 발전시켜서 필요한 니즈에 맞는 기능으로 생각해보도록 하겠습니다. :)

[jinho park]

아 저기능도 이미 있군요.

조금 다른게 부모 상태에 따라 자식의 백그라운드 색을 바꿔주고 싶었는데 이건 구조를 바꿔야겠네요.

확인 감사합니다. ^^

[teo.yu]

네 감사합니다. :) 클래스 선택자의 경우에는 현재 Element의 Class뿐만 아니라 부모의 클래스 선택자도 포함이 되도록 되어 있습니다.

.selected &, &.selected { ... }

[jinho park]

우왕 완전 좋네요 ^^ 감사합니다 . 열심히 써볼게요