我已经很长时间没有使用SASS了,想知道伪元素是否存在某些问题,例如:first-child
or :last-child
?
萨斯:第一个孩子不工作
我觉得这是更好的(我的expirience)使用方法::first-of-type
,:nth-of-type()
,:last-of-type
。可以对规则进行一些更改,但是我可以做的*-of-type
比*-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,缩进就是一切。
首先,仍然有一些不支持这些伪元素的浏览器(例如:: first-child,:last-child),因此您必须处理这个问题。
有一个很好的示例,如何不使用伪元素就可以使它起作用:
我希望这是有用的。