这可能是一个非常简单的答案，但我在任何地方都找不到它。也许我错过了一个非常基本的 CSS 规则。
这是我的 Sass 代码：
h3 {
font-size: 20px;
margin-bottom: 10px;
&.some-selector {
font-size: 24px;
margin-bottom: 20px;
}
}
Output:
h3 {
font-size: 20px;
margin-bottom: 10px; }
h3.some-selector {
font-size: 24px;
margin-bottom: 20px; }
如果我去掉“&”符号会有什么区别？它只是在“h3”和“.some-selector”之间添加一个空格。父母和孩子之间的这个空间意味着什么？实际上有什么区别吗？
提前致谢。
The &显示有效意味着“与该选择器组合/连接”。
h3 {
&.some-selector {
结果在CSS 选择器 h3.some-selector（火柴H3元素has the some-selector类），同时
h3 {
.some-selector {
结果在CSS 选择器 h3 .some-selector（将元素与类匹配some-selector哪个是后人 of an H3元素）并且扩展，
h3 {
h3.some-selector {
结果在CSS 选择器 h3 h3.some-selector.
See:
-
https://www.w3.org/TR/css3-selectors/ https://www.w3.org/TR/css3-selectors/（技术性的，但有很多很好的信息，包括优先级和 CSS 表达式规则！）
- https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
