scala - 我将如何在 ScalaCSS 中使用选择器 CSS 的嵌套？

Question

如何在其他选择器中为选择器指定属性。例如

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

#top h1 {
color: #ff0;}

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

如何在 ScalaCSS 中编写 CSS 上面的内容？

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