Как бы я использовал вложенность селекторов CSS в ScalaCSS?

Question

Как я могу указать свойства для селекторов внутри других селекторов. Например

#top {
background-color: #ccc;
padding: 1em}

#top h1 {
color: #ff0;}

#top p {
color: red;
font-weight: bold;}

Как написать выше CSS в ScalaCSS?

Answer 1

Вы могли бы использовать unsafeChild: ( соответствующая часть документа)

object YOLO extends StyleSheet.Inline {
  import dsl._

  val top = style(
    backgroundColor(c"#ccc"),
    padding(1.em),
    unsafeChild("h1")(
      color(c"#ff0")
    ),
    unsafeChild("p")(
      color.red,
      fontWeight.bold
    )
  )
}