& :: before在scss中意味着什么

时间:2018-03-09 20:42:34

标签: css sass

我在scss文件中遇到了一些看起来像这样的东西:

if (interactive()) {
  ui <- plotOutput(outputId = "main_plot", height = "300px")

  server <- function(input, output){
    plotInput <- reactive({ggplot(mtcars, aes(x=wt, y=mpg)) + geom_point()})

    output$main_plot <- renderPlot(expr={
      #conditional statements
      plotInput()}
    )

  }
  shinyApp(ui, server)
}

这是否意味着在我的主持人之前设置元素的样式?

2 个答案:

答案 0 :(得分:0)

来自MDN docs

  

在CSS中,:: before创建一个伪元素,它是所选元素的第一个子元素。它通常用于向具有content属性的元素添加化妆品内容。它默认是内联的。

它之前的&表示它正在将这个伪选择器添加到它嵌套在的选择器下,这是你的主机元素。

您发布的代码段可以翻译为:

:host::before {
   ... your styles here ...
}

答案 1 :(得分:-2)

&安培;将选定内容添加到父选择器。 ::之前创建一个伪元素作为父选择器的子元素。

我在这里告诉你完整的文档:

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#parent-selector

https://developer.mozilla.org/en-US/docs/Web/CSS/::before

https://css-tricks.com/the-sass-ampersand/