css - 如何写tr :nth-child(even) in ScalaTags?

Question

让我们拥有这个简单的 CSS:

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

在ScalaTags中怎么写？

我期待看到像 tr.nthChild 这样的东西，但只有 firstChild、lastChild 和 onlyChild.

Answer 1

它doesn't look like ScalaTags provides it .

不过我们可以自己写:

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"
  )
}