# 从任何网站复制css ｜Copy css from any website

**URL:** <https://meta.appinn.net/t/topic/48886>\
**Category:** 发现频道\
**Created:** [2023 年11 月 6 日 00:04 UTC](https://meta.appinn.net/t/topic/48886 "2023-11-06T00:04:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

作者： ![Christian\_Watson](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/christian_watson/32/49818_2.png) [@Christian\_Watson](https://meta.appinn.net/u/Christian_Watson)\
发布日期： [2023 年11 月 6 日 00:04 UTC](https://meta.appinn.net/t/topic/48886/1 "2023-11-06T00:04:27Z")

</div>

![image](https://meta.appinn.net/uploads/default/original/3X/5/b/5b225313b8fe2dbf1232966107ea7296e4808153.jpeg)

您是否厌倦了花费数小时调整CSS，但仍然无法构建您想要的页面？

努力复制您在互联网上看到的网页设计元素？

chrome扩展 **cssPicker** 将一键简化您的CSS工作。

只需单击一下，它就可以从任何网站复制带有css的元素。

**Are you tired of spending hours tweaking CSS and still not able to build the page you want?**

**Struggling to replicate web design elements you’ve seen on the internet**?

a chrome extension **cssPicker** will Simplify your CSS work with a single click.

**It can copy element with css from any website with one click.**

Try it now on our homepage: [https://www.csspicker.dev/](https://www.csspicker.dev/?utm_source=appinn)

extension link: [cssPicker](https://chrome.google.com/webstore/detail/csspicker/laooinkgdapbcbjchpmihliljfnakkdh/?utm_source=appinn)

features:

1. One-click to copy element’s HTML code with CSS.
2. **Copy element as JSX**
3. **Copy css as tailwind**
4. **Copy elements along with their children**

---

<div class="post-metadata">

作者： ![Democookie](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/democookie/32/15056_2.png) [@Democookie](https://meta.appinn.net/u/Democookie)\
发布日期： [2023 年11 月 6 日 16:54 UTC](https://meta.appinn.net/t/topic/48886/2 "2023-11-06T16:54:35Z")

</div>

感谢您的分享，已加入浏览器

---

<div class="post-metadata">

作者： ![biubiu](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/b/6f9a4e/32.png) [@biubiu](https://meta.appinn.net/u/biubiu)\
发布日期： [2023 年11 月 6 日 23:32 UTC](https://meta.appinn.net/t/topic/48886/3 "2023-11-06T23:32:42Z")

</div>

> [@Christian\_Watson](#):
>
> Copy elements along with their children

1. **Copy elements along with their children**

此功能何解？

---

<div class="post-metadata">

作者： ![biubiu](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/b/6f9a4e/32.png) [@biubiu](https://meta.appinn.net/u/biubiu)\
发布日期： [2023 年12 月 15 日 02:18 UTC](https://meta.appinn.net/t/topic/48886/4 "2023-12-15T02:18:12Z")

</div>

能否有人搬一下？因不能上google

---

<div class="post-metadata">

作者： ![Y\_z](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/y_z/32/40851_2.png) [@Y\_z](https://meta.appinn.net/u/Y_z)\
发布日期： [2023 年12 月 15 日 03:45 UTC](https://meta.appinn.net/t/topic/48886/5 "2023-12-15T03:45:26Z")

</div>

> [@biubiu](#):
>
> 此功能何解？

字面意思。。。复制 html 标签

> [@biubiu](#):
>
> 能否有人搬一下？因不能上google

直连的话直接用 [https://www.crxsoso.com/](https://www.crxsoso.com/) 吧，用过站长写的油猴脚本，还算靠谱

或者这个 [https://crxdl.com/](https://crxdl.com/) 更新速度好像稍慢

第三方下载不能保证一定安全

这个扩展刚上架还写过建议，当时免费，现在部分功能收费了，不过也能理解

这类扩展也试过 10 来个，好用且功能全的基本上都收费

可以试试这个开源免费的：

> **[GitHub - Kholid060/inspect-css: The easiest way to inspect and edit CSS](https://github.com/kholid060/inspect-css)**
>
> The easiest way to inspect and edit CSS

---

<div class="post-metadata">

作者： ![biubiu](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/b/6f9a4e/32.png) [@biubiu](https://meta.appinn.net/u/biubiu)\
发布日期： [2023 年12 月 15 日 06:20 UTC](https://meta.appinn.net/t/topic/48886/6 "2023-12-15T06:20:46Z")

</div>

thanks!