11月の終わりがだんだん近づいていますが…

あと1ヶ月弱ぐらいで2024年が終わります！

1年のカレンダーを見ると、2024年のカウントダウンを数えてしまう習慣化になってしまいました…

年末に向けて大忙しのシーズンが始まりますね。

どっかのお店もクリスマスシーズンが始まっているところも見かけるようになりました。

しかも、今週の金曜日に「ブラックフライデー」に向けていろんな店舗の在庫処分セールが始まりますね。

年末にバタバタにならないように余裕のあるスケジュールを組み立ててくださいね。

話を取り戻して…

カウンターリセットの注意！

カウンターリセットするときに記述方法に注意があります。

親要素に、「counter-reset:」を必ず設定してください。

「counter-reset: my-reset」を設定して、子要素に「counter-increment: my-reset;」を設定して、次に「 content: counter(my-reset);」を設定してください。

ul {
	counter-reset: my-reset;
}

ul li:before {
	counter-increment: my-reset;
	content: counter(my-reset);
	display: block;
	left: 0;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
}

ul li {
	margin: 0 auto;
	padding: 0 0 0 20px;
	position: relative;
}

必ず、属性（my-reset）を一致にしておいてください。

my-reset以外に、list-numberなどでもOK！

プロとして自覚をもってコーディングしてくださいね。

ではまた！