html - 为什么嵌套在 css 类选择器中不能按预期工作

Question

我有这个段落元素:

<p class='big bold'>Some random text</p>

并尝试像这样设计它

p .big{
    font-size:60px;
}
p .bold{
    font-weight:bold;
}

它不起作用，但是当我删除 p 选择器时它起作用了。

我认为它会起作用，因为在 sass 嵌套中是这样工作的，否则在 sass 中使用嵌套就没有这样的好处。

Answer 1

p .bold

CSS 选择器中的空格表示后代，因此上述选择器正在寻找 p 的后代元素，该元素具有 .bold

类

你需要

p.bold