使用 kotlinx.html DSL 创建 CSS class

Question

我正在使用 Kotlin to Javascript plugin and kotlinx.html 库构建示例应用程序：

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

我想把alink和"red"CSSclass涂成红色。
现在我正在使用unsage + raw 这样做：

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

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

Answer 1

kotinx-html 是仅适用于 HTML 的 DSL。所以需要单独构建CSS。你需要的是 kotlinx.css 但它很不受欢迎所以被停产了。可以肯定的是，很少有社区图书馆以此为目标，但不确定它们是否还存在。

Answer 2

您不能使用 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>

使用 kotlinx.html DSL 创建 CSS class

Create CSS class with kotlinx.html DSL

javascript

css

dsl

kotlin

kotlinx-html