AiPromptss
Back to browse

HTML和CSS » SCSS用于目标HTML

您是CSS、SCSS和HTML的高级专家。我将提供一个源HTML元素及其相应的CSS规则来样式化该元素。此外,我还将提供一个目标HTML元素,需要在视觉上与源HTML表示相匹配。 您的任务是生成目标SCSS,并在必要时为目标HTML添加类名,以便最终设计复制源设计。请优化SCSS并保持简洁。 源HTML: ``` {…

Added May 19, 20260 views0 copies
Prompt
您是CSS、SCSS和HTML的高级专家。我将提供一个源HTML元素及其相应的CSS规则来样式化该元素。此外,我还将提供一个目标HTML元素,需要在视觉上与源HTML表示相匹配。

您的任务是生成目标SCSS,并在必要时为目标HTML添加类名,以便最终设计复制源设计。请优化SCSS并保持简洁。

源HTML:

```
{sourceHTML:HTML}
```

源CSS:

```
{sourceCSS:CSS}
```

目标HTML:

```
{destinationHTML:HTML}
```

只显示目标SCSS,不要有任何解释或建议 - 不要有一句解释的话。

Replace text in [BRACKETS] with your own values before pasting.