时间戳

首页 > 解决方案 > CSS - 一个元素的样式写在不同元素的括号内？

css - CSS - 一个元素的样式写在不同元素的括号内？

问题描述

让我们先说我不擅长编写 CSS……所以这可能需要一些耐心

我正在关注本教程：https ://css-tricks.com/float-labels-css/

这是我第一次看到使用以下语法编写的 CSS：

form {
  width: 320px;
  float: left;
  margin: 20px;

  /* This is the part I am confused about */
  > div { 
    position: relative;
    overflow: hidden;
  }
}

也许这是一个愚蠢的问题，但这是否与

form { 
   width: 320px;
   float: left;
   margin: 20px;
}
form > div {
   position: relative;
   overflow: hidden;
}

?

我正在尝试使用这种语法，但我无法弄清楚。有人可以向我解释一下吗？:) 另外，这个语法有名字吗？我什至查不到它。谢谢！

标签： css

解决方案

寻找 scss/sass。然后，您将编写 .scss 文件，然后将它们编译为 .css。您可以简单地通过 npm 安装它，然后告诉您的 IDE 在保存时自动编译文件 - 或者如果您的编辑器不支持它，则必须让 npm 监视文件。但是，是的，只需寻找“如何安装 scss”

推荐阅读