创建CSS类kotlinx.html DSL
问题描述:
我使用Kotlin to Javascript插件和kotlinx.html库来构建示例应用程序:创建CSS类kotlinx.html DSL
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相关的文档。
答
您不能使用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>
答
kotoinx-html是仅用于HTML的DSL。所以CSS需要单独构建。你需要的是kotlinx.css,但它非常不受欢迎,因此它已经停产。可以肯定的是,为此目的的社区图书馆很少,但不知道他们是否还活着。