Svelte - `&:nth-child()`不适用于{#each}创建的元素

Svelte是一种现代的JavaScript前端框架，它通过编译时的转换将组件转化为高效的JavaScript代码，从而在浏览器中运行。Svelte的主要特点是其轻量级和高性能，它通过减少运行时的开销来提供更快的加载速度和更小的包大小。

在Svelte中，&:nth-child()选择器是CSS中的一种伪类选择器，用于选择某个元素的第N个子元素。然而，当使用Svelte的{#each}指令创建元素列表时，&:nth-child()选择器并不适用于这些动态创建的元素。

这是因为Svelte的{#each}指令会根据数据源动态地创建和销毁元素，而不是简单地隐藏或显示它们。因此，这些动态创建的元素在DOM中的位置是不固定的，无法通过&:nth-child()选择器来准确地选择。

如果需要在Svelte中对动态创建的元素进行选择和样式设置，可以考虑使用其他选择器或者通过给元素添加类名来实现。例如，可以使用&:first-child选择器来选择第一个子元素，或者通过给元素添加类名来进行选择和样式设置。

总结起来，Svelte中的&:nth-child()选择器不适用于通过{#each}指令创建的元素，需要使用其他选择器或者通过类名来实现对这些元素的选择和样式设置。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云前端开发
• 腾讯云后端开发
• 腾讯云数据库
• 腾讯云服务器运维
• 腾讯云云原生
• 腾讯云网络通信
• 腾讯云网络安全
• 腾讯云音视频
• 腾讯云多媒体处理
• 腾讯云人工智能
• 腾讯云物联网
• 腾讯云移动开发
• 腾讯云存储
• 腾讯云区块链
• 腾讯云元宇宙