为什么container-type: inline-size正常渲染跨度但折叠按钮：
<span style="container-type: inline-size; outline: 1px solid blue;">
This is a span
</span>
<button style="container-type: inline-size;">
This is a button
</button>我到处寻找这个问题的简单答案，但找不到。我习惯于在我的main.scss文件中导入 swiper (v6) 样式，如下所示：
@import "~swiper/src/swiper"
我认为它的运作方式已经发生了一些变化。但我无法从文档中理解它。使用 Swiper (v8) 执行以下操作
@import 'swiper/bundle'
结果是：
错误：找不到要导入的文件或无法读取
我能想到的所有其他方法都行不通。有没有人从 6 岁变成 8 岁并愿意透露一些信息？
我想选择img不包含在 下的标签table。下面的代码应该只返回 1 的长度，因为该 HTML 只有 1 个img不在table.
注意：无法更改标记/样式。
console.log(document.querySelectorAll('img').length)<table align="center">
<tbody>
<tr>
<td style="text-align: center;">
<a href="https://xxx" imageanchor="1" style="margin-left: auto; margin-right: auto;">
<img border="0" src="https://xxx" original="https://xxx" style="">
</a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">Double Trailing</td>
</tr>
</tbody>
</table>
<a href="https://xxx" imageanchor="1" style="margin-left: auto; margin-right: auto;">
<img border="0" src="https://xxx" original="https://yyy" style="">
</a>当前结果：
1. Item
1.1 Subitem
1.2 Subitem2
1.2.1 something more
1.2.2 another point
期望的结果：
1. Item
1.1 Subitem
1.2 Subitem2
a. something more
b. another point
如何修改我的代码以使第三级成为字母而不是 3 个数字。我将其添加到HTML 中的type="a"正确元素中，但它被覆盖了。<ol>
1. Item
1.1 Subitem
1.2 Subitem2
1.2.1 something more
1.2.2 another point
1. Item
1.1 Subitem
1.2 Subitem2
a. something more
b. another point