4664


スタイルシートを編集するときに添付した画像のようにChromeのDeveloperツールでスタイルシートを編集して、その値をメモしておいて`style.css`などに記述するという方法をとっているのですが、この値を一括してコピーする方法はありますか？

![スタイルシート編集中](https://i.stack.imgur.com/BwW0M.jpg)

今回の場合ですと

[code]

    .wp-caption .wp-caption-text {
      margin: inherit;
      font-size: 12px;
      font-style: inherit;
      color: #888;
    }
    
[/code]

を一括コピーできれば嬉しいのですが。


CC BY-SA 3.0
2015-01-16T04:14:31.137
4659
2015-01-16T04:56:56.040
3271
question
css google-chrome
ChromeのDeveloperツールで編集したStyleを一括コピーする方法


`Elements`の`Style`タブで変更された内容は、一時的にcssファイルに反映されています。

その為、スタイルの値を変更したり無効にした後、画像の`style.css:758`をクリックすれば下記の様なスタイルが表示されると思いますので、これをコピーすることはできます。

[code]

    .wp-caption .wp-caption-text {
        /* margin: 12px 12px 0 0; */
        font-size: 12px;
        /* font-style: italic; */
        color: #888;
    }
    
[/code]

※ ご期待されている一括コピーではありませんが...  
※ cssがminifyされてる場合は1行で表示されます


CC BY-SA 3.0
2015-01-16T04:56:56.040
4664
2015-01-16T04:56:56.040
3068
4659
answer