当我使用CSS时,我通常会在浏览器(比如说Chrome)中测试,右键单击一个元素,单击Inspect Element,然后在那里编辑CSS.使用箭头键来改变诸如边距和填充之类的东西,使得排列起来超级容易.

然后将这些更改应用到CSS文件并不是太难,但是如果我可以在判断器中右键单击 Select 器并 Select "导出"或"复制",并使内容在剪贴板中可用,那将是很酷的.

这样的东西存在吗?

推荐答案

我已经找到了答案,至少从Chrome v14开始.

在元素部分,只需单击CSS规则旁边的"filename:linenumber"链接.显示的CSS文件将包含所有修改.

这个地方就是:

https://cdn.tutsplus.com/net/uploads/2013/06/dev-tools-regular-view.jpg

Css相关问答推荐

在React中使用Tailwind自定义组件着色

如何在CSS calc()中使用反向百分比/无单位计算?

沿浮动形状—面元素外路径将文字垂直居中""

R SHINY:FILL CONTAINER=TRUE时调整DT数据表高度,

创建始终为剪辑元素的300%高度并左对齐的圆形剪辑路径

在GRID-TEMPLATE-ROWS中设置最大行数:Repeat()

指定from_max和to_min值时隐藏Shiny sliderTextInput下的行

使用纯 CSS 访问跨度内容并设置其样式

如何解决 Spotify 嵌入代码中的白色背景错误?

使用 CSS 关键帧动画更改内容

悬停时如何更改 navbarPage 链接的文本 colored颜色 (在shiny 的应用程序中)?

如何在悬停另一个部分的元素时使元素可见?

使用 React 和 Flexbox 文本溢出框外

如何在 konvajs 中居中放置项目?

Angular (13) material - 覆盖 CSS 文件不起作用

在移动设备上touch 屏幕边缘的元素(Material UI)

CSS,居中的 div,缩小以适应?

内联块在 Internet Explorer 7、6 中不起作用

什么是 ::content/::slotted 伪元素,它是如何工作的?

CSS 悬停与 JavaScript 鼠标悬停