salang is css based language.
please show below code
span.MyComponent {
// properties
--background-color: yellow;
--label-color: black;
// css
background-color: var(--background-color);
label {
span {
color: var(--label-color);
"안녕하세요";
}
}
@click () {
--background-color: blue;
--label-color: yellow;
}
}
Above code is converted to some files.
span.MyComponent {
// properties
--background-color: yellow;
// css
background-color: var(--background-color);
label {
span {
color: var(--label-color);
}
}
}
class MyComponent extends UIElement {
template() {
return <span class="MyComponent">
<label>
<span>
안녕하세요.
</span>
</label>
</span>
}
[CLICK()] () {
this.$el.cssText(`
--background-color: blue;
--label-color: yellow;
`)
}
}
새로운 CSS 기반 언어 백서 (업데이트된 버전)
개요
이 백서는 새로운 CSS 기반 언어의 구조와 문법을 설명합니다. 이 언어는 웹 컴포넌트의 스타일, 구조, 동작을 선언적으로 정의하고 관리하며, 웹 개발의 효율성과 유지보수성을 향상시키는 것을 목표로 합니다.
주요 개념
컴포넌트 정의 (@component): 웹 컴포넌트의 스타일, 구조 및 동작을 정의합니다.