CSS-是否可以使用*来解析类或id

Question

我正在为一些遗留代码添加一些样式，这些代码在这个web应用程序的每个向导步骤中动态添加一个步数计数器。例如，如果web向导的第一页完成，html中的id属性将等于id="my-wizard-page-name.step1"。

html在检查器中的外观示例如下：

<div id="my-wizard-page.step1">
<span>This is step 1</span>
</div>

完成步骤1后，它将重新加载，div将被替换为：

<div id="my-wizard-page.step2">
<span>This is step 2</span>
</div>

我正在尝试添加特定于向导页面的样式，而不更新模板class或id。是否可以解析我的css或less文件中的id。我在想类似于#my-wizard-page-name.step*或#my-wizard-page-name*的东西，它将针对页面名称中的每一步。

(仅供参考：id中的backslah是这样，我就可以使用.，而不需要假设css是id上的类(

Answer 1

您可以使用属性选择器

对于您的情况，最好从操作员开始：[id^=my-wizard-page]

不过，最好只是在每个项目中添加一个类似my-wizard-page-step的类，并使用它来选择它们。