在SASS中:
.DocumentationArticle
$DocumentationArticle-Heading__TopLevel--Selector: null
&-Heading
&__TopLevel
$DocumentationArticle-Heading__TopLevel--Selector: &
&__Section
@debug($DocumentationArticle-Heading__TopLevel--Selector) // OK: ".DocumentationArticle-Heading__TopLevel"
Run Code Online (Sandbox Code Playgroud)
在 Stylus 中,变量值已更改,此更改仅在更改的范围内可见:
.DocumentationArticle
DocumentationArticle-Heading__TopLevel--Selector = null
&-Heading
&__TopLevel
DocumentationArticle-Heading__TopLevel--Selector = selector()
&__Section
warn(DocumentationArticle-Heading__TopLevel--Selector) // null!
Run Code Online (Sandbox Code Playgroud)
如何使DocumentationArticle-Heading__TopLevel--Selector新值在&__Section范围内可见?