如何访问元素'；通过CSS创建类值

如何通过CSS访问段落类字符串末尾的数字（下例中的1和2）

我可以通过以下选择器访问这些段落：

p[class^=“烹饪步骤-”]

我想通过CSS

content

属性将段落的编号添加到段落内文本的前面。如何实现这一点？

这是可以使用的。然而，浏览器支持参差不齐，我认为CSS3的规范有所改变

基本上，您甚至不需要

cooking-step-N

类。如果您使用像

烹饪步骤
这样的类，只需让引擎为您计数即可。在每个
.cooking步骤
上增加它，并使用它的
计数器（）
处理可以使用的
内容。然而，浏览器支持参差不齐，我认为CSS3的规范有所改变

基本上，您甚至不需要
cooking-step-N
类。如果您使用像
烹饪步骤
这样的类，只需让引擎为您计数即可。在每个
.cooking步骤
上递增它，并对
内容使用它的
计数器（）
，因为您正在使用设置的步骤并尝试对它们进行编号，那么您可能应该尝试使用有序列表。
ol
表示项目属于给定的顺序，并提供编号，无需任何额外工作

如果你真的想使用CSS，那么计数器就是你想要的。在这些段落的包含元素中，应用样式
计数器重置：步骤
。对于段落标记，请使用：

p:before {   
    counter-increment: step;   
    content: counter(step)". ";   
}  

这应该适用于现代浏览器，但由于简单性和传统浏览器的支持，我认为您只需要一个有序列表会更快乐。
既然您正在使用设置的步骤并尝试对它们进行编号，那么您可能应该尝试使用有序列表。
ol
表示项目属于给定的顺序，并提供编号，无需任何额外工作

如果你真的想使用CSS，那么计数器就是你想要的。在这些段落的包含元素中，应用样式
计数器重置：步骤
。对于段落标记，请使用：

p:before {   
    counter-increment: step;   
    content: counter(step)". ";   
}  

这在现代浏览器中应该是可行的，但由于简单性和传统浏览器支持，我认为如果没有jQuery的帮助，您只需要一个有序的列表就可以了。
我认为这是不可能的。另外，您的选择器相对较新，在某些浏览器中会失败。如果没有jQuery的帮助，我认为这是不可能的。此外，选择器相对较新，在某些浏览器中会失败。