如何用ScalaTags编写tr:nth子(偶数)？

Question

让我们来看看这个简单的css：

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

如何用ScalaTags?编写它

我本想看到一些类似tr.nthChild的东西，但只有firstChild、lastChild和onlyChild。

Answer 1

It 看上去不像是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"
  )
}