复制任意元素的 HTML 和 CSS

主要功能

• 

  真正生效的规则

  来自页面样式表、匹配该元素及其所有子元素的 CSS 规则，包括 :hover、::before 和 ::after 规则，媒体查询也保持原有顺序。

• 更短的选择器

  冗长的选择器会被精简为仍能匹配的最短形式，并附上注释，标明原始选择器及其优先级。

• 实时预览

  以手机（375 px）、平板（768 px）或桌面（1240 px）宽度查看提取代码的渲染效果。预览中的链接不会跳转。

• 编辑后复制

  CSS 和 HTML 分别在独立的编辑器中打开，支持语法高亮、行号和代码折叠。点一下即可复制任意一份。

• 完整 URL

  图片、字体和链接的相对地址会被转换为完整 URL，代码粘贴到别处依然可用。

• 字体与变量

  可选择包含页面的 @font-face 规则，并标记出提取的代码中从未使用的 CSS 变量。

• 继承的样式

  可选择在 HTML 外加一层包裹元素，带上该元素从父元素继承的文字样式，比如字体和颜色。

• 跟随你的选择

  每当你选中另一个元素，窗格都会自动更新。六个开关控制要包含的内容，你的选择会被记住。