[Hatsuki]

【お使いの Snow Monkey のバージョン】v7.9.0
【お使いのブラウザ】Safari
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

===

ドロワーメニューってドロワーサブメニューも存在すると思うのですが、
両方のスタイルがc-drawer__menuクラスでliのクラス構造が同一な気がするんで、
ドロワーサブメニューだけスタイルをカスタマイズしたい時とかの場合はc-drawer__menuの〜と出来ますが、別々にスタイルをガッツリ分けるとかの応用時ではちょっと区分するのが難しい気がします。
上手く切り分けする場合ってどう言う感じでスタイル当てるのがベストでしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

.p-drawer-sub-nav .c-drawer__item { ... } という指定でどうですかね？

♥ 0

Who liked: No user

[Hatsuki]

なるほど、と言うことは…完全に別々のスタイルを割り当てるとする場合は…

#drawer-nav>.c-drawer__menu .c-drawer__item {...}
で、ドロワーナビゲーション
（ >を入れないとサブナビゲーションまで影響してしまうっぽい)

#drawer-nav .p-drawer-sub-nav .c-drawer__item
で、サブナビゲーション

で切り分けるのが良い感じですか。
ちょいとやってみますー

♥ 0

Who liked: No user

[Hatsuki]

#drawer-nav {
	&>.c-drawer__menu {
		.c-drawer__item {
			...
		}
	}
	*+.c-drawer__sub-nav {
		.c-drawer__menu {
			.c-drawer__item {
				...
			}
		}
	}
}

な記述で完全に切り分けてスタイルカスタマイズする感じで一応、解決したんで記述しておきますー。
あざっす。閉じますー。

♥ 0

Who liked: No user

[投稿者]

投稿