Как написать tr:nth-child(even) в ScalaTags?

Question

Давайте иметь этот простой CSS:

tr:nth-child(even) {
    background-color: red;
}

Как написать это в ScalaTags?

Я ожидал увидеть что-то вроде tr.nthChild, но есть только firstChild, lastChild а также onlyChild,

Answer 1

Это не похоже на то, как это делают ScalaTags.

Мы можем написать свои собственные, хотя:

object Foo extends StyleSheet {

  implicit class CreatorWrapper(val creator: Creator) extends AnyVal {
    def nthChildEven: Creator = nthChild("even")
    def nthChild(arg: String): Creator = creator.pseudoExtend(s"nth-child($arg)")
  }

  val foo = cls.nthChildEven(
    backgroundColor := "red"
  )
}

Или, если вы не хотите неявный класс:

object Foo extends StyleSheet {
  val foo = cls.pseudoExtend(s"nth-child(even)")(
    backgroundColor := "red"
  )
}