Chromeデベロッパーツールで新しいCSSクラスを追加

Question

このような新しいCSSクラスをChrome開発ツールに完全に追加できますか？ Elementsタブで

.myclass { 
    background-color: yellow; 
} 

Answer 1

は、右側に小さな+ボタンが含まれていstylesタブがあります。あなたはこちらをクリックすると

、あなたは全く新しいCSSクラスを追加することができます。

あなたは新しいクラスを定義したら、要素に適用する方法を学ぶためにAdd a class to an elementを参照してください。また、DOMツリーの要素を要素パネルでダブルクリックして、要素のclass属性を追加または編集することもできます。