Modules CSS: sélectionner la classe des enfants par sélecteurs

Ainsi,Modules CSS: sélectionner la classe des enfants par sélecteurs

j'ai joint une classe à domicile au corps comme ceci:

document.body.classList.add("home")

Je veux sélectionner appContainer un élément enfant de la classe du corps en faisant

html body.home #appContainer { ..... }

Cela fonctionne sans les modules CSS, mais je me demandais comment je peux le faire avec des modules CSS. Merci

Source

2017-02-26 Chase James

Vous ne pouvez pas simplement définir le module css avec un nom spécifique que vous recherchez dans les composants que vous voulez utiliser? comme par exemple 'className = {mesModules [this.someKey]}' –

html body: global (.home) #appContainer? –

@AdamWolski Parfait! Merci beaucoup beaucoup –

Vous devez utiliser envelopper la classe que vous voulez être global en :global(). Si votre sélecteur utilise un élément, vous devez l'écrire directement après l'élément sans espace entre les deux, comme element:global(.class) qui se traduit par element.class.

Par conséquent, dans votre cas html body:global(.home) #appContainer est la réponse.

Source

2017-03-05 19:25:08

Modules CSS: sélectionner la classe des enfants par sélecteurs

Répondre

Questions connexes