創建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，但它非常不受歡迎，因此它已經停產。可以肯定的是，爲此目的的社區圖書館很少，但不知道他們是否還活着。