创建CSS类kotlinx.html DSL

Question

我使用Kotlin to Javascript插件和kotlinx.html库来构建示例应用程序：

fun main(args: Array<String>) { 
    window.onload = { 
     document.body!!.append.div { 
      a("#", classes = "red") { 
       +"Link" 
      } 
     } 
    } 
} 

而且我要画成“red” CSS类红色a链接。
现在我使用unsage + raw做到这一点：

document.head!!.append.style { 
    unsafe { 
     raw(".red { background: #f00; }") 
    } 
} 

如何创建kotlinx.html DSL CSS类？我没有找到任何与css DSL相关的文档。

Answer 1

您不能使用HTML DSL来创建CSS。在您的HTML中使用css有两种可能的方法。

1）您独立创建CSS文件，然后按照您的建议使用classes。 2）如果这对您的应用程序是可行的，则内联CSS。

h1("h1Class") { 
     style = "background-color:red" 
      +"My header1" 
} 

这导致：

<h1 class="h1Class" style="background-color:red">My header1</h1> 

Answer 2

kotoinx-html是仅用于HTML的DSL。所以CSS需要单独构建。你需要的是kotlinx.css，但它非常不受欢迎，因此它已经停产。可以肯定的是，为此目的的社区图书馆很少，但不知道他们是否还活着。