无法定位css选择器

时间:2018-04-04 18:50:41

标签: html css sass css-selectors

我在另一个开发人员编写的框架中工作,我只允许触摸scss(css)而不是html。我正在用scss编写,我需要用类“13_steps”来改变div内部h1的样式。但我不能让我的风格生效。

示例html:

<div class="13_steps">
<h1>Headline</h1>
</div>

示例scss:

.13_steps {
   h1 {
     color: black;
   }
}

我有一个模糊的回忆,一旦阅读,你不应该将选择器命名为“[某些数字] _ [名称]”......但我不记得为什么,即使这是我的问题。有没有人有任何信息或想法?

2 个答案:

答案 0 :(得分:0)

班级名称永远不会以数字13_steps

开头

在开始时使用某个字符,然后使用此a13_steps

之类的数字
  

在CSS中,标识符(包括元素名称,类和ID)   选择器)只能包含字符[a-zA-Z0-9]和ISO 10646   字符U + 00A0和更高,加上连字符( - )和下划线   (_);它们不能以数字,两个连字符或连字符开头   一个数字。标识符还可以包含转义字符和任何字符   ISO 10646字符作为数字代码(参见下一项)。例如,   标识符&#34; B&amp; W?&#34;可以写成&#34; B \&amp; W \?&#34;或&#34; B \ 26 W \ 3F&#34;。

https://www.w3.org/TR/CSS21/syndata.html#characters

答案 1 :(得分:0)

您的代码是正确的。确保你正在更改scss文件,如果你正在改变css,它可能会在scss编译时被覆盖。 还要确保你正在编译scss并将其复制到正确的位置。