Question

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

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

我想将a与“红色”CSS类的链接绘制为红色。
现在我使用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

kotinx-html仅适用于HTML。所以CSS需要单独构建。你需要的是kotlinx.css但是它非常不受欢迎所以它已经停止了。当然，很少有社区图书馆针对这个目的，但不确定它们是否还活着。

使用kotlinx.html DSL创建CSS类

2 个答案: