css - 萨斯 :first-child not working

标签 css sass pseudo-element

我已经很长时间没有使用 SASS 了,想知道伪元素是否存在一些问题,例如 :first-child:last-child ?

最佳答案

虽然@Andre 是正确的,伪元素及其支持存在问题,尤其是在较旧的 (IE) 浏览器中,但这种支持一直在改进。

至于你的问题,有没有任何问题,我会说我没有真正看到任何问题,尽管伪元素的语法可能有点棘手,尤其是在第一次怀疑它时。所以:

div#top-level
  declarations: ...
  div.inside
    declarations: ...
    &:first-child
      declarations: ...

如预期的那样编译:

div#top-level{
  declarations... }
div#top-level div.inside {
  declarations... }
div#top-level div.inside:first-child {
  declarations... }

除了“sass 可以做 css 可以做的一切”的声明外,我还没有看到任何关于这方面的文档。一如既往,对于 Haml 和 SASS,缩进就是一切。

关于css - 萨斯 :first-child not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5855985/

相关文章:

android - 如何在桌面上复制 <viewport> 缩放比例?

html - CSS Clearfix 不清除 header

jquery - 避免将样式应用于 :after when using :hover

javascript - 如何读取伪元素:before using Javascript?的height或width属性

javascript - Webpack sass loader 无法识别全局变量文件

CSS如何添加新的伪内容

php - 更改php排序中的第一个字母

css - 如何将按钮向左移动

reactjs - 在 ReactJS 项目中自动导入所有 *.scss

css - Bootstrap 网格中列之间的间隙