[Hatsuki]

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

===

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

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

♥ 0

いいねをした人: 居ません

[Hatsuki]

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

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

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

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

♥ 0

いいねをした人: 居ません

[Hatsuki]

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

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

♥ 0

いいねをした人: 居ません

[投稿者]

投稿