CSSを一時的に無効にする、自分なりのちょっとした工夫

2009年4月25日2019年4月27日

例を出してご説明。

h3 {
color: #333;
font-weight: normal;
}

のようなスタイルがある場合、color: #333;を
無効にする際は、

h3 {
/* color: #333; */
font-weight: normal;
}

のように書くのが通常です。

ただ、CSSの調整などで、頻繁に無効化したりする場合には
この方法ですと、前後に/**/を入力するため、
ちょっとした手間になります。

なので、検証作業なので一時的に無効にする際は
たとえば

h3 {
xcolor: #333;
font-weight: normal;
}

のように プロパティの前にx をいれて、
無効化すると作業が効率的になったりします。

以上です。