使用Sass的子选择器的正确语法是什么？

Question

我正在将当前的css文件转换为scss。我应该提到这是我第一次尝试使用Sass，到目前为止事情进展顺利。对于使用Sass的儿童选择器，我有一个问题。我有以下代码：

.ticker-basic.holiday2013 {
    background-color:#e4242b !important;
    color:#ffffff;
    text-decoration:none;
    font-weight:normal;
    font-size:14px;
    font-family: 'HelveticaNeueW01-85Heav', Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
    text-transform: lowercase;

    p  {
        text-transform: capitalize;
    }

    p > a {
        color:#ffffff;
        text-decoration: underline;
        font-weight:normal;
        font-size:10px;
    }
}

我可以在上面的p标签中为孩子添加标签吗？比如这个：

    p  {
        text-transform: capitalize;

        > a {
            color:#ffffff;
            text-decoration: underline;
            font-weight:normal;
            font-size:10px;
        }
    }

Answer 1

p {
  > a {
  ...
  }
}

仅适用于段落元素的直接兄弟锚点

p {
  a {
  ...
  }
}

将适用于段落元素内的所有锚点。但是，没有像css或sass那样的任何行为变化。你似乎正朝着正确的方向前进。这不是更好的学习方式，而是为了自己玩耍和学习。