用kotlinx.html DSL创建CSS类

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

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

我想用“红色”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，但它是相当不受欢迎，所以它已经停产。 可以肯定的是，为此目的的社区图书馆很少，但不知道他们是否还活着。